Kelp
A UI library for people who love HTML, powered by modern CSS and Web Components.
Vanilla CSS and JavaScript. Easily customized. No build step.
Kelp is the HTML-first UI library
Lightweight CSS
Classless HTML paired with semantic utility and component classes.
<h1>Hey there!</h1>
<p>How are you?</p>
<button class="primary muted">
👋 Say Hi
</button>Web Components
Progressively enhance your UI with browser-native web components.
<label for="bio">Bio</label>
<kelp-autoexpand>
<textarea id="bio">
</textarea>
</kelp-autoexpand>No Build Step
Customizable AF with CSS variables, cascade layers, and HTML attributes.
@layer kelp.theme {
:root {
--color-blue-hue: 241;
}
}Get Notifications 🎉
Kelp is in beta, and new features are getting added every week. Enter your email address below to get notifications and access to early releases.
Hi, I’m Chris Ferdinandi. 👋
I help people build the web better.
I’ve advised and written code for organizations like NASA, Apple, Harvard Business School, Chobani, and Adidas.
My developer tips newsletter is read by over 9.7k developers each weekday. I also create YouTube videos and host a podcast.