The UI component library for Figma and React. Production-ready.
Every component ships in both Figma and React, with full variant coverage for size, state, style, and interaction. No gaps between design and production.
Foundations
The visual foundation of Create UI. Color system, typography, spacing, radius, and shadow styles. Everything components are built on.
Components
Buttons, inputs, modals, navigation, and more. Every UI component available in Figma and React.
![Button [Default]](/_next/image?url=%2Fwebsite%2Fcomponents-button.png&w=3840&q=75)
Button [Default]
![Button [App Store Badges]](/_next/image?url=%2Fwebsite%2Fcomponents-app-store-badge.png&w=3840&q=75){kind=icon}
Button [App Store Badges]
![Button [Group]](/_next/image?url=%2Fwebsite%2Fcomponents-button-group.png&w=3840&q=75)
Button [Group]
![Button [Close]](/_next/image?url=%2Fwebsite%2Fcomponents-close-button.png&w=3840&q=75)
Button [Close]
![Button [Text Link]](/_next/image?url=%2Fwebsite%2Fcomponents-text-link.png&w=3840&q=75)
Button [Text Link]
![Button [Social / SSO]](/_next/image?url=%2Fwebsite%2Fcomponents-button-social.png&w=3840&q=75)
Button [Social / SSO]
![Button [Floating Action Button]](/_next/image?url=%2Fwebsite%2Fcomponents-fab-button.png&w=3840&q=75)
Button [Floating Action Button]
Pro/Soon![Input [Text]](/_next/image?url=%2Fwebsite%2Fcomponents-input.png&w=3840&q=75)
Input [Text]
![Input [OTP]](/_next/image?url=%2Fwebsite%2Fcomponents-otp-input.png&w=3840&q=75)
Input [OTP]
![Input [Text Area]](/_next/image?url=%2Fwebsite%2Fcomponents-textarea.png&w=3840&q=75)
Input [Text Area]
![Input [Stepper / Number]](/_next/image?url=%2Fwebsite%2Fcomponents-stepper-number-input.png&w=3840&q=75)
Input [Stepper / Number]
![Input [Tag]](/_next/image?url=%2Fwebsite%2Fcomponents-input-tag.png&w=3840&q=75)
Input [Tag]
Pro/Soon
Checkbox
New
Checkbox Group
Radio
Radio Group
Switch
Switch Group
Select
Segmented Control
Breadcrumbs
Pagination
Tab Menu
Inline Alert
Toast / Snackbar
Alert Banner
Tooltip
![Popover [Rich Content]](/_next/image?url=%2Fwebsite%2Fcomponents-popover.png&w=3840&q=75)
Popover [Rich Content]
Modal / Dialog
Dropdown Menu
Info Tooltip
Pro
Chips
![Badge [Tag]](/_next/image?url=%2Fwebsite%2Fcomponents-badge.png&w=3840&q=75){kind=icon}
Badge [Tag]
Status Badge
Spinner - Loaders
Progress Indicators
Avatar
Avatar Group
Content Divider (Separator)
Accordion
Blog Contents
Code Block
Aspect Ratio
Scroll Bar
Questions,
answered clearly.
Plans, pricing, licensing, updates, and technical questions, all answered in one place.
Still have questions?
The free version includes a selection of core React components, enough to evaluate the system and start building. It does not include the full Figma design system, the complete component library, design tokens, advanced variants, or Pro patterns. If you're building a real product and need the full system, all 40+ components, 12,000+ variants, and the Figma kit, you'll need a paid plan.
Stop deciding.
Start shipping.
The system is ready. Free to start, or get full access
at 70% off before the price goes up at launch.
Start Free Now.
Upgrade Through Pre-sale.