Drawers slide in from the edge of the screen. Ideal for settings panels, detail views, and secondary navigation. Focus is trapped within the drawer while it's open.
v2.4.0 · 47 components · MIT license
Forma is a refined design system for teams who care about every pixel. Accessible, composable, and darkly beautiful.
Primitives
Atomic components built from design tokens. Every variant, every state, every size — composable by default.
Buttons
Avatars
Badges & tags
Cards
Color, spacing, and typography exported as CSS variables and JS constants.
Every component is headless-first. Bring your own styles or use our presets.
ARIA patterns, keyboard navigation, and focus management built in from day one.
Form controls
Validation states, accessible labels, and composable field groups — all wired up and ready to go.
Toggles, checkboxes & radios
Feedback & display
Alerts, toasts, progress, skeletons — all the patterns you need to tell users what's happening.
Alerts
Toast
Progress & steps
Skeleton & spinner
Start building your library by adding your first component.
Containers
Cards, modals, drawers, accordions — flexible containers that adapt to any layout.
Accordion
Forma exports CSS custom properties for color, spacing, radius, shadow, and typography — plus a JS token object for use in styled-components or Tailwind configs.
The core tokens and CSS utilities work anywhere. React components are available via @forma/react, with Vue and Svelte packages coming soon.
We run automated axe-core tests in CI and manual audits with NVDA and VoiceOver on every major release. All interactive components meet WCAG 2.1 AA criteria.
Yes — Forma is MIT licensed. You can use it in personal, open-source, and commercial projects with no restrictions.
Calendar / Date picker
Data display
Tables, charts, and lists that scale from a handful of records to millions — without sacrificing clarity.
Monthly revenue
Q1 · Q2 2026
| Component ↑ | Category | Status | Version | Actions | |
|---|---|---|---|---|---|
| Button | Primitive | ● Stable | 2.4.0 | ||
| DataTable | Data | ● Stable | 2.3.1 | ||
| CommandMenu | Navigation | ● Beta | 0.9.2 | ||
| DateRangePicker | Form | ● Deprecated | 1.8.0 |
Pricing
No hidden fees. Cancel anytime. Every plan includes the full component library.
Starter
Free
forever
Pro
$29
per seat / month
Enterprise
Custom
talk to us
This is a modal dialog. It traps focus, supports Escape key dismissal, and renders in a portal to avoid z-index collisions. Use it for confirmations, forms, and contextual detail views.