Button
v1.1.9 — 63 components shipped
The CSS component library that just works.
Pure CSS utility classes with semantic design tokens. Copy, paste, and ship — no build step, no JavaScript runtime, no lock-in.
$
npm install @uicraft/core
63
Components
3
Themes
0
JS runtime
MIT
License
Welcome back, Alex
Sign in to your workspace
Recent activity
3 new
Build deployed
2m
PR #142 merged
14m
Review requested
1h
Everything you need, ready to ship
63 carefully designed primitives that work together out of the box. Built with the same uicraft classes you'll use in your project.
Input
Switch
Team plan
PopularFor growing teams
$29
/ month
Card
April 2026
Mo
Tu
We
Th
Fr
Sa
Su
Calendar
Primary
Secondary
Active
Pending
Failed
Beta
Badge
Heads up
Your free trial ends in 4 days. Upgrade anytime.
Alert
Storage
68%
Bandwidth
22%
Compute
91%
Progress
Tabs
Figma Plugin
Generate uicraft inside Figma
Pick the components you need and the plugin produces them in Figma with all variables already bound — colors, typography, spacing, radius, and shadows.
-
Component import Generate only what you select, with semantic tokens already wired up.
-
Theme workflow Export
theme.jsonfrom Figma and reuse it on the web — round-trip safe. -
Foundation tokens Auto-create Figma variables for light & dark, with sensible defaults.
Start in 30 seconds
Three ways to add uicraft to your project. Pick whichever fits your stack.
Terminal
$ npm install @uicraft/core
Then import the stylesheet in your entry file:
main.ts
import '@uicraft/core/uicraft.css';
HTML <head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@uicraft/core@latest/uicraft.min.css">
No build step required — drop into any HTML page.
HTML
<link rel="stylesheet" href="uicraft.css">
Download uicraft.css → and host it yourself.
Copy & paste
Each component is clean, self-contained HTML. No installation, no imports.
Semantic tokens
Two-layer token system with Figma-aligned names. Consistent everywhere.
Dark mode built in
Light and dark out of the box using CSS variables and a single .dark class.
Zero runtime
Pure HTML and CSS — no framework, no JS bundle, no hydration.
Get started
Ship your next UI faster.
Free, open source, MIT-licensed. 63 components and three themes — start building right now.