Once UI for Next.js

A thoughtfully crafted design system that eliminates complexity while maximizing flexibility.

Features

Start building your Next.js app in minutes with:

• A robust token and style system that simplifies customization and ensures consistency.
• A copy-and-paste component library that integrates seamlessly into your project.
• Interactive documentation to apply your branding and set component properties.

Demo

demo.once-ui.com

Getting started

Clone the starter template from GitHub.

git clone https://github.com/once-ui-system/nextjs-starter.git

You can also deploy it directly to Vercel.

View the step-by-step guide at once-ui.com/docs.

Documentation

once-ui.com/docs

Authors

Connect with us!

Lorant One: Site, Threads, LinkedIn
Zsofia Komaromi: Site, Threads, LinkedIn

Get involved

• Join the Design Engineers Club on Discord to connect with designers, developers and share your projects.
• Report a bug.
• Submit a feature request.

License

Distributed under the MIT License. See LICENSE.txt for more information.

Sponsors

github.com/sponsors/once-ui-system

Become a sponsor and help us continue to develop and maintain this project.

Once UI for Figma

Once UI is also available for Figma.
Design and prototype entire products from scratch in hours. Use the same tokens and components as the Next.js design system.

Start designing: once-ui.com/figma

Once UI Pro

Take your project further with Once UI Pro. Get access to complete templates, fully designed pages, and modular blocks that make building apps even faster.

Explore Pro: once-ui.com/pro