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

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>

Progressively enhance your UI with browser-native web components.

<label for="bio">Bio</label>
<kelp-autoexpand>
	<textarea id="bio">
	</textarea>
</kelp-autoexpand>

Customizable AF with CSS variables, cascade layers, and HTML attributes.

@layer kelp.theme {
  :root {
    --color-blue-hue: 241;
  }
}