Blocks
Pre-built UI blocks ready to drop into your project. Each block uses composed components from the design system.
Full dashboard layout with sidebar navigation, stat cards, and a revenue chart area.
Acme Inc
John Doe
john@acme.com
Dashboard
Welcome back, John
- Total Revenue
- $45,231 +20.1% from last month
- Subscriptions
- 2,350 +180 this week
- Active Users
- 12,234 -3.2% from last month
- Bounce Rate
- 21.3% +4.1% from last month
Revenue Overview
Dashboard with top navbar, filters sidebar, data table, and activity timeline.
Workspace
Filters
Show
Team Members
Manage your team members and their roles
| Name | Status | Role | Amount | |
|---|---|---|---|---|
| Alice Johnson | Active | Admin | alice@acme.com | $1,200 |
| Bob Smith | Active | Editor | bob@acme.com | $890 |
| Carol White | Inactive | Viewer | carol@acme.com | $450 |
| David Brown | Active | Editor | david@acme.com | $2,100 |
| Eve Davis | Pending | Viewer | eve@acme.com | $670 |
Recent Activity
Settings page with sidebar navigation, profile form, preferences, and notification toggles.
Settings
General Settings
Manage your account settings and preferences
Profile
Preferences
Notifications
Email Notifications
Receive email updates about your activity
Marketing Emails
Receive news and promotional emails
Security Alerts
Get notified about security events
Analytics page with stat cards, traffic charts, source breakdown, and top pages table.
Analytics
Track your website performance and user behavior
- Page Views
- 128,430 +12.5%
- Unique Visitors
- 64,215 +8.2%
- Bounce Rate
- 32.1% -2.4%
- Avg. Session
- 4m 32s -0.8%
Traffic Over Time
Traffic Sources
Direct
42%
Organic Search
28%
Social Media
18%
Referral
12%
Top Pages
| Page | Views | Unique Visitors | Bounce Rate | Trend |
|---|---|---|---|---|
| /home | 45,210 | 32,100 | 24.5% | Trending Up |
| /pricing | 28,340 | 21,450 | 31.2% | Trending Up |
| /docs/getting-started | 19,870 | 15,300 | 18.7% | Trending Up |
| /blog/launch-post | 12,640 | 10,200 | 42.1% | Trending Down |
| /about | 8,920 | 7,100 | 38.9% | Trending Down |
| /contact | 5,430 | 4,800 | 52.3% | Trending Down |
Email inbox with folder sidebar, email list, and detail view panel.
Inbox
12Sent
Drafts
3Starred
5Trash
Inbox
12Sarah Miller
10:32 AM
Q3 Product Roadmap Review
Hi team, I've attached the updated roadmap for Q3. Please review before our meeting...
James Wilson
9:15 AM
Design System Updates
The new component library is ready for review. I've made changes to the button and input...
Emily Chen
Yesterday
Sprint Retrospective Notes
Here are the notes from yesterday's retro. Key takeaways: improve CI/CD pipeline...
Michael Park
Yesterday
Re: Budget Approval
The budget has been approved. We can proceed with the new hires and tooling purchases...
Lisa Thompson
Mon
Customer Feedback Summary
I've compiled the feedback from our top 50 customers. Overall satisfaction is at 4.2/5...
Sarah Miller
to me
10:32 AM
Q3 Product Roadmap Review
Hi team, I've attached the updated roadmap for Q3. Please review before our meeting...
I wanted to share some additional context on this topic. We have been making significant progress over the last few weeks, and the team has been incredibly focused on delivering high-quality results.
Please let me know if you have any questions or need further clarification. Happy to hop on a call to discuss this in more detail.
Best regards,
Sarah Miller
Kanban board with three columns, priority badges, and assignee avatars.
Project Board
Sprint 14 - June 2026
To Do
User authentication flow
Implement OAuth2 login with Google and GitHub providers
API rate limiting
Add rate limiting middleware to protect public endpoints
Update documentation
Add examples for new REST API endpoints and webhooks
In Progress
Dashboard redesign
Redesign main dashboard with new analytics widgets and charts
Performance optimization
Optimize database queries for the reporting module
Done
Email notification system
Set up transactional email service with templates
CI/CD pipeline
Configure automated testing and deployment workflows
Onboarding flow
Create step-by-step onboarding for new users
Simple navbar with logo, centered navigation links, and sign-up button.
BrandName
Navbar with centered search input, notification icons, and user avatar.
BrandName
Navbar with dropdown menu on one nav item and a call-to-action button.
BrandName
Dark-themed navbar with white text, navigation links, and mode toggle.
DarkBrand
Mobile-first navbar with hamburger menu, centered logo, and expandable navigation.
BrandName
Classic shell with top navbar, collapsible left sidebar, and breadcrumb navigation.
Acme
John Doe
Dashboard
Overview
Welcome to your dashboard overview
Main content area
Stacked shell with top navbar, secondary tab navigation, and content area.
Acme
Overview
Project dashboard with key metrics and activity
Active Tasks
24
Team Members
12
Completed
156
Main content area
Sidebar-only shell with full-height sidebar, sectioned navigation, and user profile.
Acme Corp
Enterprise Plan
Main
Dashboard
Analytics
Reports
Management
Customers
Products
Orders
Support
Tickets
5Knowledge Base
John Doe
john@acme.com
Dashboard
Welcome back, John. Here is what is happening today.
Revenue
$12,450
+12%
Users
1,234
+8%
Orders
456
+23%
Tickets
5
-2
Main content area
Floating sidebar shell with rounded card layout on a subtle background.
Acme
Home
Analytics
Projects
Team
Messages
Settings
Alex Kim
Free Plan
Home
Welcome back, Alex
Here is a summary of your activity
Projects
8
Tasks
32
Messages
14
Main content area
Classic sidebar with logo, nav items with icons, and upgrade card.
Acme Inc
Upgrade to Pro
Get access to all features and priority support.
Main content area
Sidebar with collapsible accordion sections for navigation groups.
Workspace
Main content area
Sidebar with user avatar and profile info at top, nav items, and logout.
Sarah Chen
sarah@company.io
Main content area
Icon-only sidebar with tooltips, expands on hover to show labels.
A
Main content area
Simple centered card login form with email and password.
Login to your account
Enter your email and password to sign in
Forgot password?
Don't have an account? Sign up
Split layout with branding on left and login form on right.
Welcome back
Sign in to access your dashboard, manage projects, and collaborate with your team.
Sign in
Enter your credentials to continue
Don't have an account? Create one
Login with social auth buttons (Google, GitHub, Apple) and divider.
Sign in
Choose your preferred sign in method
Or continue with
Don't have an account? Sign up
Login with gradient background and frosted glass card overlay.
Welcome back
Sign in to your account to continue
Don't have an account? Create account
Simple signup card with name, email, password, and terms checkbox.
Create your account
Get started with a free account
Already have an account? Sign in
Multi-step signup with account, profile, and confirmation steps.
Account
Profile
Confirm
Create your account
Enter your email and create a password
Signup with plan selection (Free, Pro, Enterprise) and registration form.
Choose your plan
Select a plan and create your account
Free
For personal projects · Up to 3 projects
$0/mo
Pro
For growing teams · Unlimited projects
$29/mo
Enterprise
For large organizations · Custom integrations
$99/mo
Split layout with testimonial quote on left and signup form on right.
“This platform has completely transformed how our team collaborates. We shipped 3x faster in the first month.”
Alex Rivera
CTO at Streamline
Get started
Create your account in seconds
Already have an account? Sign in
Three-column pricing cards with feature lists and popular badge.
Simple, transparent pricing
Choose the plan that fits your needs. Upgrade or downgrade at any time.
Free
$0
/month
Perfect for side projects and experimentation.
Up to 3 projects
Basic analytics
Community support
1 GB storage
Pro
$29
/month
For professionals who need more power and flexibility.
Unlimited projects
Advanced analytics
Priority support
50 GB storage
Custom domains
Team collaboration
Enterprise
$99
/month
For organizations that need scale and security.
Everything in Pro
Unlimited storage
SSO / SAML
Dedicated support
Custom integrations
SLA guarantee
Toggle monthly/yearly pricing with animated price updates.
Plans & Pricing
Start for free, upgrade when you need to. Save 17% with annual billing.
Free
$0
/mo
For personal projects
Up to 3 projects
Basic analytics
Community support
Pro
$29
/mo
For growing teams
Unlimited projects
Advanced analytics
Priority support
50 GB storage
Enterprise
$99
/mo
For large organizations
Everything in Pro
SSO / SAML
Dedicated support
Custom integrations
Feature comparison table with plan columns and checkmarks.
Compare plans
See which plan is right for you with a detailed feature comparison.
| Feature | Free $0/mo | Pro Recommended$29/mo | Enterprise $99/mo |
|---|---|---|---|
Projects | 3 | Unlimited | Unlimited |
Storage | 1 GB | 50 GB | Unlimited |
Team members | 1 | 10 | Unlimited |
Analytics | Basic | Advanced | Advanced |
Custom domains | ✗ | ✓ | ✓ |
Priority support | ✗ | ✓ | ✓ |
SSO / SAML | ✗ | ✗ | ✓ |
Dedicated account manager | ✗ | ✗ | ✓ |
SLA guarantee | ✗ | ✗ | ✓ |
Custom integrations | ✗ | ✗ | ✓ |
Hero section with badge, large heading, subtext, and two CTA buttons.
Build faster with Onkit
The modern toolkit for building beautiful, accessible interfaces. Ship production-ready components in minutes, not days.
Six feature cards in a 3x2 grid with icons and descriptions.
Everything you need
A comprehensive set of tools and components designed to help you build faster.
Lightning Fast
Optimized for performance with lazy loading, tree shaking, and minimal bundle size out of the box.
Fully Accessible
Built on WAI-ARIA standards with keyboard navigation and screen reader support for every component.
Dark Mode Ready
Seamless light and dark mode switching with semantic color tokens that adapt automatically.
Type Safe
Written in TypeScript with full type definitions, autocompletion, and compile-time error checking.
Customizable
Extensive theming system with design tokens, recipes, and slot-based styling for deep customization.
Production Ready
Battle-tested in production applications with comprehensive test coverage and semantic versioning.
Three testimonial cards with avatars, quotes, and roles.
Loved by developers
See what teams are saying about building with Onkit.
“We migrated our entire design system to Onkit in under a week. The developer experience is unmatched and our team velocity increased by 40%.”
Emily Zhang
Engineering Lead at Vercel
“The theming system is incredibly powerful. We went from a generic UI to a fully branded experience in a single afternoon.”
Marcus Johnson
Design Engineer at Stripe
“Accessibility out of the box was the deciding factor for us. Every component meets WCAG 2.1 AA standards without any extra work.”
Sofia Petrov
Frontend Architect at Linear
Call-to-action section with colored background, email input, and button.
Ready to get started?
Join thousands of developers building better interfaces. Get started with a free account today.
Free forever for individuals. No credit card required.
Frequently asked questions accordion with five Q&A items.
Frequently Asked Questions
Everything you need to know about Onkit. Can't find what you're looking for? Reach out to our team.
Timeline changelog with versioned entries and category badges.
Changelog
Latest updates and improvements to Onkit.
v2.4.0
Added new DatePicker component with range selection, locale support, and keyboard navigation. Includes preset date ranges and custom formatting.
v2.3.1
Fixed an issue where SegmentGroup would not properly update when controlled value changed. Also resolved a z-index conflict with Tooltip inside Dialog.
v2.3.0
Improved Table component with column sorting, sticky headers, and virtual scrolling for large datasets. Performance improvements across all list-based components.
v2.2.0
Introduced the Combobox component with async search, multi-select, and custom option rendering. Enhanced theming system with new semantic tokens for chart colors.