Marketing, product, and internal tools share one set of tokens and utilities so pages stay consistent as the team grows.
Color, spacing, and type live in theme.css.
Demos and copy-paste HTML for menus, tabs, overlays, and more.
Shared layout and style classes instead of endless one-off CSS.
One small script, only where a pattern needs JavaScript.
Same token and utility names in specs and in the DOM.
Less guesswork between mockups and what ships in the browser.
Change a token or pattern once, then reuse it across pages.
Sensible spacing, type, and interaction out of the box.
Reuse the same layout shells and utilities so CSS does not sprawl.
No UI framework lock-in. Ship it like any other static asset.
Adopt in phases
Wire the core bundle first, then pull in optional components per page. Get Started includes a package builder so you skip files you will never load.
Foundations
Load wckd-ui.css, component CSS, and wckd-ui.js. Set your shell and tokens in theme.css.
Selective enhancements
Add optional CSS from wckd-ui-kit/components only where you need that pattern.
Scale over time
Grow brand and layout rules in theme.css and your templates.
Start from the kit defaults. Own color, motion, and layout rules in your own files. The kit stays small; your product layer sits beside it. Need a website or landing pages? Contact Us for a quote.