Lexicon
The design system behind the pace
131
Components
326
Variants
302
Tokens
Built for teams shipping accessible products.
What's included
Design-ready
Figma Library
131 components
326 variants
CSS + Tailwind
Tokens
302 variables
Light + dark modes
149 pages
Documentation
Usage & accessibility
Code & do/don't
Component categories
Actions
15 componentsButton, Toggle, Tabs, SliderInputs
14 componentsInput, Select, Date Picker, ComboboxFeedback
12 componentsAlert, Toast, Spinner, Progress BarNavigation
11 componentsBreadcrumb, Pagination, Header, StepperData Display
18 componentsBadge, Avatar, Data Table, TagData Visualization
10 componentsBar Chart, Line Chart, Donut Chart, SparklineOverlays
10 componentsModal, Drawer, Popover, TooltipContent
15 componentsCard, Code Block, Blockquote, Empty StateLayout
12 componentsStack, Grid, Divider, Page LayoutCommerce
14 componentsPricing Card, Plan Badge, CTA Banner, Usage MeterFree vs Pro
Free
Open source
44 components
All design tokens
CSS custom properties
Tailwind preset
Community support
Pro
One-time purchase
131 components (all)
Complete Figma library
Page templates
Priority updates
Email support
Built for accessibility
Every component meets WCAG 2.2 AA. Accessibility isn't an afterthought — it's baked into the token architecture, component API, and documentation.
Every component documented with ARIA patterns
Keyboard interaction tables for all interactive elements
Contrast-compliant colour tokens across light and dark modes
Screen reader tested with VoiceOver, NVDA, and JAWS
Figma library file — coming soon. All 131 components will be available as a ready-to-use Figma library.