Create great components
for your next project

Set of basic Figma and code components. Sane defaults. Framework-agnostic. Based on Tailwind CSS. Open source. Customisable with AI.

See docs

Create an account

OR

Sign up with Google

Input Button

Card title

Card description.

John Doe

Sep 6, 2024

Card Avatar

Task	Priority	Tags
Redesign form inputs in UI Kit	High	Components
Audit button variants in Figma	Medium	Tokens
Update shadow tokens	Low	Tokens
Redesign radio buttons	Low	Components

Data table Pagination

Primary

Danger

Secondary

Outline

Ghost

Link

Button

Upgrade account

Input Checkbox Button

Turn on Kaida

Breadcrumb Toggle

Discuss. Design. Develop. Repeat!

Bridging the gap between des & dev

We enable designers and developers to use the same components and help stakeholders speak the same language.

<button type="button"
  class="whitespace-nowrap py-8px px-16px text-btn2 rounded-8px text-white dark:text-black-900 border disabled:bg-black-200 disabled:border-black-200  bg-black dark:bg-white border-black hover:bg-black-700 hover:border-black-700 active:bg-black-500 active:border-black-500 dark:hover:bg-black-200 dark:hover:border-black-200 dark:active:bg-black-400 dark:active:border-black-400">
  Primary
</button>

See docs See Figma

Work Smart. Iterate Fast.