38 / 42 Ready
Components
Sizes, states, and styles — all designed. Pixel-perfect UI, ready to use.
0+
Components
0%
TypeScript
A11y
Accessible
0
Categories
Form
Interactive input and action controls
Data Display
Components for displaying and organizing data
Layout
Layout elements for structuring content
Overlay
UI elements that layer on top of the page
Feedback
Feedback and status information
Navigation
Navigation for page transitions and in-page movement
AI Components
For AI-powered apps and chatbots
Charts
Visualize data with charts and metrics
Quick Start
npm install @7onic-ui/react @7onic-ui/tokens to install, then import any component to start building. TypeScript, Tailwind CSS, and Radix UI included.