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.

Stack (PRO): A complete app built on Once UI: landing, dashboard, docs, store and more, composed from the surfaces you pick.

Once UI Blocks (FREE): Copy-paste pre-designed blocks and deploy fully-functional sites with lightning speed.

Get Once UI Pro

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.git

Creators

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.

Deploy to Vercel