This design system saved us weeks of work. The components are well-documented and easy to customize. Highly recommended!
New Release v2.0
Build Better Products, Faster
A complete design system with 95+ components ready to use. Stop building from scratch and ship your next project in days, not months.
No credit card required
Trusted by teams at
Everything you need to build
Our comprehensive toolkit gives you everything you need to create beautiful, functional interfaces without starting from scratch.
Atomic Design
Components organized as atoms, molecules, and organisms for predictable composition and maximum reusability.
Design Tokens
Centralized color, spacing, and typography tokens. Change your brand in one place, see it everywhere.
Fully Responsive
Every component works beautifully on mobile, tablet, and desktop. Fluid typography included.
Vue + Blade
Use the same components in Vue SFCs or Laravel Blade templates. Identical props, identical output.
Storybook Docs
Interactive documentation for every component. See props, variations, and usage examples in one place.
Vite Powered
Lightning-fast HMR in development, optimized builds for production. Modern tooling out of the box.
95+
Components
3
Layout Templates
100%
Accessible
0
jQuery Required
Simple, transparent pricing
Choose the plan that's right for your team.
Starter
For individuals and small projects
$0
/month
- All 95+ components
- Storybook documentation
- Community support
- MIT License
Most Popular
Pro
For growing teams and agencies
$49
/month
- Everything in Starter
- Premium templates
- Priority support
- Figma source files
- Private Slack access
Enterprise
For large organizations
Custom
- Everything in Pro
- Custom components
- Dedicated support
- SLA guarantee
- On-premise option
Loved by developers
The atomic design approach makes it so easy to build consistent UIs. Our team productivity increased significantly.
Finally, a design system that works with both Vue and Blade seamlessly. Perfect for our Laravel projects.
Frequently asked questions
Yes! The design system is released under the MIT license. You can use it
for personal and commercial projects without attribution.
No! Every component is available as both a Vue SFC and a Blade template.
You can use whichever fits your project best.
All design tokens are centralized in
resources/sass/abstracts/_variables.scss.
Change your primary color once, and it updates everywhere.
The Pro plan includes Figma source files with all components,
design tokens, and page templates.
Ready to start building?
Get started with our design system today. Clone the repo, customize the tokens, and ship your project faster.