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 code compared to shadcn + Tailwind. Includes 100+ advanced components.

Check the demo here.

Features

A lightweight starter template with the Once UI Core package and our recommended setup to move fast and break limits without neglecting quality.

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

Get 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 Bio (FREE): Link-in-bio template that automatically fetches open-graph data. Just add your links and deploy.

Magic Convert (PRO): Conversion-optimized landing page and dashboard template.

Magic Agent (PRO): Deployment-ready AI agent built with the Vercel AI SDK.

Magic Store (PRO): Ecommerce storefront that lets you sell digital and physical products.

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

Creators

Connect with us!

Lorant One: Site / Threads / LinkedIn

Zsofia Komaromi: Site / Threads / LinkedIn

Become a Oncer

Join the Design Engineers Club on Discord to connect with us and share your projects.

Found a bug? Report it here. Got a feature request? Submit it here.

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