v1.0Yakooha Kit
83 components across seven categories, each with its full set of variants. Every class is prefixed, so the Kit sits next to Bootstrap or Tailwind without a fight. Free, MIT licensed.
<link rel="stylesheet" href="https://yakooha.com/assets/kit/yk-kit.css"> <script src="https://yakooha.com/assets/kit/yk-kit.js" defer></script>
Use “Add to page” on any component. The export is a single HTML file with the kit inlined and your accent, radius and font applied. Open it, host it, or paste pieces into your own templates.
Every selector starts with yk- and the kit never styles bare tags, so Bootstrap’s reboot or Tailwind’s preflight can stay. Where a component has a close Tailwind equivalent you get a “Tailwind” tab with utility classes you can drop into a Tailwind project instead.
Put your overrides after the stylesheet: --yk-primary, --yk-radius, --yk-font, --yk-bg, --yk-ink. Dark mode is one attribute: data-yk-theme="dark" on <html>, <body> or any wrapper. The “CSS variables” tab shows exactly what to paste for the values you picked above.
Modals, drawers, dropdowns, tabs, toasts and the navbar toggle use yk-kit.js, a 6 KB helper with no dependencies. It is event-delegated, so components you add later just work. Everything else is pure CSS. Components that use it show a small js tag in the list.
MIT. Use it in client work, products, templates. A link back is appreciated but not required. Found a bug or want a component? Tell us.
The Kit is free. A design system built around your brand is what we do for a living.