Introduction
Kaida is an open-source library of HTML + Tailwind CSS + Vanilla JS components, importable into Figma. Kaida mission is to bridge the gap between development and design by providing useful tools for all stakeholders.
It covers common website components like buttons, dropdowns, navigation bars, modals, and advanced elements like datepickers.
Tailwind CSS provides classes to style HTML and takes care of cross-browser support, CSS normalization, etc.
Kaida provides beautiflul components with sane defaults + possibility to style components with AI + possibility to import components to Figma.
Key features
- Simple. Just HTML, Tailwind CSS, and vanilla JS — easy to customize and adapt to your needs.
- Framework-agnostic. Works with any framework: Next, Svelte, React, Vue, Angular, Rails, Laravel, etc.
- Extensible and customizable. Styled with Tailwind. Create your own component edition in the AI-powered theme generator.
- Interactivity. Interactivity is implemented using JavaScript.
- Figma components. Designers and developers use the same components, improving workflow and collaboration.
- Sane defaults. Start with the essential components and add advanced ones as needed.
- AI native. Built from the ground up with AI and LLMs in mind.
- Beautiflul. We pay attention to meaning, structure, and beauty.
- (Soon) Animations and cool effects.
On this page