001ModernUI System
Customizable design system and component library to help you ship your UI faster
Layout
Responsive layouts with spacing system
Buttons
Clear actionable elements
Forms
Capture user input with ease
Overlays
Support for contextual tasks
Navigation
Apply patterns for wayfinding
Data Display
Show details with clean visuals
Jhon Doe
Product design lead
Feedback
Communicate informative signals
Service update completed
Typography
Apply readable text styles
- Build passed cleanly
002Set your design from CSS
Tune colors, spacing, measures, and more with CSS variables
Curated Design
Ships with a curated set of design tokens.
CSS Variables
Override styles without touching component code.
Design Tokens
Consistent visual language across your entire app.
Villa in Tulum
Yucatan, Mexico
Consistent UI
Define your color tokens once and let every component adapt seamlessly across modes.
003Design once.
Use everywhere.
Components and utilities designed to work together.
0+
Components
Accessible, composable, and built for modern applications.
0%
Customizable
Style every component using classes and CSS variables.
0%
Typescript support
Fully typed codebase for a reliable developer experience.
0 fps
Fluid performance
Optimized css across every component.
005FAQ
Learn more about the library, its features, and how it works.
006Open Source
Extraction UI is an open source project licensed under MIT