A UI library for people who love HTML, powered by modern CSS and Web Components.

Read the Docs →

Note: Kelp is currently under development in alpha. Please feel free to use it, experiment, and report bugs, but understand that things can and will change over time.

Kelp works without any build step.

The CDN is the fastest and simplest way to get started, but you can download the files from GitHub if you'd prefer.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/kelpui@0/css/kelp.css">

Kelp uses semantic versioning. You can grab a major, minor, or patch version from the CDN with the @1.2.3 syntax. You can find all available versions under releases.

The included index.html file is a kitchen sink demo of Kelp. It includes every feature and component in one giant file.

While in beta, Kelp has no compile step. The web component use ES imports, and require a local server to run.

Use your preferred server, or use the included http-server by running npm run dev.

npm install
npm run dev

As Kelp nears v1, it will use a compile step to make this unnecessary.

Kelp uses...

• Playwright for tests
• Biome for linting and formatting
• A continuous integration process on deploys and PRs

# Run tests
npm run test

# Run linter
npm run lint

Free to use under the Kelp Commons License. There are also commercial license options available.