Once UI for Next.js
A design system for indie builders, startups and freelancers. Once UI combines the simplicity of low-code with the power of code: write 70% less compared to shadcn + Tailwind. Includes 100+ advanced, open-source components.
Check the demo here.
Features
A lightweight starter template with the Once UI Core package and our recommended setup.
- Customization: Manage design config in a single file.
- Components: Access advanced components with simple APIs.
- Data-viz: Add responsive charts with a few lines of code.
- SEO: Use our SEO components to simplify meta and schema setup.
- PRO: Launch ready-made apps with minimal coding with Once UI Pro.
Documentation
Learn how to build with Once UI at docs.once-ui.com.
Quick start
Magic Portfolio (FREE): Portfolio starter used and loved by thousands of creatives. Simple, customizable, responsive.
Magic Docs (FREE): Documentation generator. Just add your MDX files and let Magic Docs handle the rest.
Magic Convert (PRO): Conversion-optimized landing page and dashboard template.
Once UI Blocks (PRO): Copy-paste pre-designed blocks and deploy fully-functional sites with lightning speed.
Design
The design counterpart of the Once UI system is available here.
Get started
Clone the starter template from GitHub:
git clone https://github.com/once-ui-system/nextjs-starter.gitCreators
Connect with us!
Lorant One: Site
Design Engineers Club: Site
Contribute
Please use the Once UI Core GitHub repository for design system contributions.
Sponsors
Once UI is an indie project. Sponsor us and get featured on our site!
License
Distributed under the MIT License. See LICENSE.txt for more information.
