Installation
Important! Kelp is in alpha, and new features are getting added every week. Things can change, things can break, and you probably shouldn't use this in production just yet.
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.theme.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/kelpui@0/css/kelp.css">Kelp requires two files:
- A theme. This defines the CSS variables for the color palette, light-mode and dark-mode colors, typography, sizes, and spacing.
- The UI library. The styles for all of the components in the Kelp UI library, which reference the theme variables.
These include the entire Kelp library. For performance reasons, you should consider creating a custom install with just the components you need.
Versions
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.
While in Alpha, I’d recommend using @0 so that you’re always grabbing the latest version.