A UI library for people who love HTML, powered by modern CSS and Web Components.
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
The test suite uses port 8080
. If that's already in use, you can set a different PORT
when running your test, like this...
# Run tests on port 8082
PORT=8082 npm run test
Free to use under the Kelp Commons License. There are also commercial license options available.