Write HTML.
Ship something that looks designed.
A tiny CSS file that styles semantic HTML directly. No classes to memorize, no build step, no framework. Drop it in and go.
~6 KBgzipped
0dependencies
0classes
18components
Less markup, same result
Others
<button class="bg-blue-500text-white font-medium
py-2 px-4 rounded">
Click me
</button>
husk
<button>Click me</button>How it works
husk styles the semantic HTML elements you already know. No classes, no wrapper divs.
| HTML | What you get |
|---|---|
<button> |
Styled button with variants via data-variant |
<article> |
Card with border and hover |
<dialog> |
Modal with backdrop |
<details> |
Accordion / dropdown |
<mark> |
Badge with color variants |
<progress> |
Progress bar |
<table> |
Clean table with hover rows |
[data-tooltip] |
Hover tooltip |
[data-switch] |
Toggle switch |
[data-loading] |
Spinner overlay |
[data-skeleton] |
Shimmer loading placeholder |
[data-sidebar] |
Sidebar layout (like this page) |
Quick taste
<link rel="stylesheet" href="https://unpkg.com/husk-ui@latest/dist/husk.css">
Default
Success
Warning
Danger
Info