Configurable to the pixel
Every component takes inputs for size, tone, radius, density and motion — and every one of those maps to a CSS variable you can override globally or per instance.
v0.1 preview — free forever, MIT licensed
Angular components
that are configurable
Small, composable building blocks with animation baked in — every prop, token and transition open to you. No licence tiers, no pro edition, no lock-in. Just Angular, done properly.
$
npm i hellskitchen-ui- Angular 19+
- Standalone
- Signals
- Zero deps
- MIT
Signals Standalone APIs Control flow Deferrable views SSR ready Zoneless Tailwind v4 CDK friendly Strict types Signals Standalone APIs Control flow Deferrable views SSR ready Zoneless Tailwind v4 CDK friendly Strict types
Buttons Switches Tabs Toasts Accordions Dialogs Tooltips Selects Steppers Skeletons Command palette Data grid Buttons Switches Tabs Toasts Accordions Dialogs Tooltips Selects Steppers Skeletons Command palette Data grid
Why another library
Everything you'd pay for. None of the invoice.
The good libraries are either locked behind a pro tier or so opinionated you fight them by week two. This one is small parts, fully open, and shaped to be edited.
Animation, not decoration
Enter, exit and state transitions ship tuned. Nothing janks, nothing fights the router, and every motion honours prefers-reduced-motion.
Tiny by construction
Standalone components, no barrel imports, no runtime theme engine. Take one and you ship one.
Themes as plain CSS
A token layer you can read. Swap the accent, radius scale or font ramp with a handful of custom properties — no SASS compile step, no preset objects to reverse-engineer.
Accessible by default
Focus traps, roving tabindex, ARIA wiring and keyboard maps come built in — because a component that skips them is not finished.
Free, all of it
MIT licensed, forever. No pro tier hiding the data grid, no seat count, no invoice.
Copy-paste friendly
Every demo on this site ships with the exact snippet that renders it. Read it, take it, change it.
Live components
Poke at them. They're real.
Every preview below is running in this page — no screenshots, no video. Flip to the code tab to see exactly what you'd write.
Table
Grouped headers, filters, virtual scroll — the whole grid.
Theming
Eight tokens. Any look you want.
No preset objects, no theme compiler. Change the custom properties on the left and watch every component follow — this panel is doing exactly that, live.
Accent
Radius
Density
1.00:root {
--hk-accent: #dc2626;
--hk-accent-soft: rgba(220,38,38,0.16);
--hk-surface: #0b0b0c;
--hk-border: rgba(255,255,255,0.10);
--hk-text: #f5f5f5;
--hk-radius: 12px;
--hk-density: 1.00;
}Deploy settings
Preview card, themed by tokens only
edge ssr preview signals
Build72%
Same markup as the crimson version. Only the token values changed.
67
Components
and none of them paywalled
3.4 kB
Median size
gzipped, per component
100%
Free
MIT, no pro edition
0
Runtime deps
Angular and nothing else
Built in the open, used in production
"Swapped four PrimeNG imports for these and the bundle dropped 60 kB. The switch alone was worth it."
"First component library where reading the source was faster than reading the docs. That is the compliment."
"Theming took one afternoon. Seven custom properties and our design system was in."
Take it. It's yours.
One install, no account, no key. Star the repo if it saves you an afternoon — that's the whole business model.
$
npm i hellskitchen-ui