Skip to content
New Project

Once UI Design Starter for Next.js

UI library for building apps with world-class design. Customize your brand in minutes and copy-paste components from the interactive docs.

DeployView Demo

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.

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

GitHub
Owneronce-ui-system
Repositorynextjs-starter
LicenseView License
Use Cases
Portfolio
Starter
Stack
Next.js
CSS

Related Templates

Morphic: AI-powered answer engine

AI answer engine with Generative UI.
Morphic: AI-powered answer engine thumbnail

Design System with Turborepo

This is an official starter Turborepo with a single Storybook documentation site, a shared UI component library, and three local packages.
Design System with Turborepo thumbnail

Object Generation Streaming with useObject

An application that converts text inputs into structured objects and streams the expense as it’s being processed using the Vercel AI SDK.
Object Generation Streaming with useObject thumbnail
DeployView Demo