Introduction

Kaida is an open-source library of UI components based on the Tailwind CSS with possibility of import 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

Sane defaults. Start with the essential components and add advanced ones as needed.
Extensible and customizable. Styled with Tailwind. Create your own component edition in the AI-powered theme generator.
Interactivity. Interactivity is implemented using JavaScript.
Includes Figma components. Designers and developers use the same components, improving workflow and collaboration.
Framework-agnostic. Works with any framework: Next, Svelte, React, Vue, Angular, Rails, Laravel, etc.
AI-enabled. Built from the ground up with AI and LLMs in mind.
(Soon) Animations and cool effects.

Inspired by:
Open-source idea, open-source community, Bootstrap, daisyUI, DavidUI, Flowbite, HyperUI, JollyUI, Lit, Merakiui, Mui, MynaUI, Preline, RailsUI, SailboatUI, Sira, shadcn/ui, SupabaseUI, Tailwind, tw-elements, Vuetify, XtendUI and more. ❤️

On this page

Introduction
Key features