Build faster than AI with Once UI for Next.js

The open-source stack that helps you ship faster than VC-backed startups

Used by 1k+ indie creators

npx create-once-ui-app@latest

Start building

Platform Squad

New project

Filter

Display

To do3

Fix login bug

Implement new authentication flow with OAuth2

Frontend

Bug

Design new UI

Add responsive layouts and improve mobile experience

Frontend

Feature

Update database schema

Create comprehensive test suite for authentication system

Backend

Feature

In progress6

Write unit tests

Integrate and test Stripe payment processing

Backend

Tech

Test payment gateway

Implement code splitting and lazy loading

Frontend

Bug

Optimize performance

Configure 2FA and update password policies

Frontend

Feature

Update security settings

Design and implement user onboarding wizard

Backend

Feature

Complete onboarding flow

Fix responsive layout issues on mobile devices

Website

Feature

Fix CSS issues

Set up AWS infrastructure and deploy application

Frontend

Bug

Done4

Deploy to production

Update API documentation and usage examples

Backend

Feature

Update documentation

Set up automated testing and deployment workflow

Frontend

Bug

Implement CI/CD pipeline

Configure Jenkins pipeline with automated testing

Platform

Tech

Implement CI/CD pipeline

Configure Jenkins pipeline with automated testing

Platform

Tech

Powering creative minds.
Used by professionals working at:

Your deployment-ready stack

Highly functional templates to monetize your presence and build your productWhat you get:

Instant online presence

A stack you control and own

Monetization from day 1

Go Pro

Lorant One

Value: $200

The only way to ship faster than AI is to not code at all

Clone from GitHub

Quick start with ready-to-use solutions - no coding required

Customize styles

Customize your brand in a single file - share them across all apps

Deploy in minutes

Just add your content in markdown and content files and deploy

PageCustomize page theme

Theme

Shape

ColorCustomize color schemes

Brand

Accent

Neutral

Solid styleCustomize the appearance of interactive elements

Style

Effect

AdvancedCustomize advanced styling options

Surface

Scaling

Data Style

Transition

Customization

Branding meets visitor preference

Once UI provides an out-of-the-box solution for visitor-controlled customization. Preferences are saved and loaded from the browser.

Once UI looks interesting! Design system and component library with in-sync Figma components and tokens.

Torkel Ödegaard

Co-founder @Grafana Labs

⚡

Used by people who don't have time to design

Build momentum without debt

Loved by 1k+ indie builders

I wanted to create a portfolio for my different activities and I discovered Once UI and Magic Portfolio. This project helped me build the perfect showcase for my work!

Terence

Creative artist

Once UI was an instrumental element in our journey to build Confinity, a new generation social media platform.

Ryan Ward

Founder

Using Once UI has been a seamless experience. I can quite literally ship modern websites in days instead of weeks with the Once UI Figma and Next.js libraries!

Adhitya Nadooli

Founder

I recently checked out Once UI and I loved it ⚡ really impressed with the components and aesthetics. Looking forward to contributing to the project!

Gourav Joshi

Front-end dev

Magic Portfolio looks absolutely stunning! ⚡

Jan

OSS builder @next-intl

I have fully functional mobile views, out-of-the-box cookie banner and high-fidelity UI components right from the start. I can only recommend to get the Pro to anyone who wants to build optimized web apps!

Justin

Agency owner

I've been using Once UI for a while now and I can't believe it's all free and open-source! 🤯

Maverickk

Front-end engineer

I'm just a front-end developer who's falling in love with Once UI... 💖💖

NIKE

Front-end dev

I wanted to create a portfolio for my different activities and I discovered Once UI and Magic Portfolio. This project helped me build the perfect showcase for my work!

Terence

Creative artist

Once UI was an instrumental element in our journey to build Confinity, a new generation social media platform.

Ryan Ward

Founder

Using Once UI has been a seamless experience. I can quite literally ship modern websites in days instead of weeks with the Once UI Figma and Next.js libraries!

Adhitya Nadooli

Founder

I recently checked out Once UI and I loved it ⚡ really impressed with the components and aesthetics. Looking forward to contributing to the project!

Gourav Joshi

Front-end dev

Magic Portfolio looks absolutely stunning! ⚡

Jan

OSS builder @next-intl

Justin

Agency owner

I've been using Once UI for a while now and I can't believe it's all free and open-source! 🤯

Maverickk

Front-end engineer

I'm just a front-end developer who's falling in love with Once UI... 💖💖

NIKE

Front-end dev

Once UI is literally the best front-end framework I've come across.

Zaidh Imran

Vibe coder

It was so much fun to rebuild my portfolio With Magic Portfolio!

Vincent

OSS contributor

I found Magic Portfolio on Vercel and and it looks absolutely 🔥🔥🔥! I'll start creating my portfolio right away.

bubba

Front-end dev

As a back-end developer, Once UI makes it so easy to build beautiful UI!

Kevin

Agency founder @DewFlow

I'm so grateful for the support, Lorant. I wouldn't have been able to achieve this without you. For me, this is a huge step forward professionally.

OsmyReal

Front-end dev

I'm a huge fan of Once UI. I'm using Magic Portfolio to showcase my game development projectts!

Victor Doyle

Game dev @victordoyle

Once UI looks insanely good, and it's so easy to customize!

Issa

Founder, engineer @Mailbuddy

I'm planning to replace my shadcn layouts with Once UI components. Gonna be a long refactor but definitely worth it. I like the aesthetic much more!

amianthus

Creative developer

Once UI is literally the best front-end framework I've come across.

Zaidh Imran

Vibe coder

It was so much fun to rebuild my portfolio With Magic Portfolio!

Vincent

OSS contributor

I found Magic Portfolio on Vercel and and it looks absolutely 🔥🔥🔥! I'll start creating my portfolio right away.

bubba

Front-end dev

As a back-end developer, Once UI makes it so easy to build beautiful UI!

Kevin

Agency founder @DewFlow

I'm so grateful for the support, Lorant. I wouldn't have been able to achieve this without you. For me, this is a huge step forward professionally.

OsmyReal

Front-end dev

I'm a huge fan of Once UI. I'm using Magic Portfolio to showcase my game development projectts!

Victor Doyle

Game dev @victordoyle

Once UI looks insanely good, and it's so easy to customize!

Issa

Founder, engineer @Mailbuddy

I'm planning to replace my shadcn layouts with Once UI components. Gonna be a long refactor but definitely worth it. I like the aesthetic much more!

amianthus

Creative developer

Now free!

The official Figma library

Seamless transition from design to code. Enjoy the design counterpart of Once UI in Figma. A carefully crafted ecosystem built on the same foundations.

Start designing

Open-source.
Community-driven.

Get Pro –

Code faster than AI

Launch your complete stack in days—with the design system built for indie creators. Limited offer for the next 50 subscribers.

⚡ Trusted by 1k+ indie creators

Free $0/ yearIncludes $270 product value

Unlimited seats

Products

Once UI Core

Once UI Figma

Magic Portfolio

Start for free. No commitment.

🔥 40% OFF 🔥

Pro$160 $0/ yearIncludes $900 product value

Single seat

Products

Once UI Core

Once UI Figma

Magic Portfolio

Magic Convert

Magic Store

Magic Docs

Magic Bio

Examples

Copy-paste pages

Copy-paste blocks

Extra

Regular updates

Priority support on Discord

Request components on Discord

Keep everything you build. Cancel anytime.

Team$1200 $640/ yearIncludes $900 product value

Unlimited seats

Products

Once UI Core

Once UI Figma

Magic Portfolio

Magic Convert

Magic Store

Magic Docs

Magic Bio

Examples

Copy-paste pages

Copy-paste blocks

Extra

Regular updates

Priority support on Discord

Priority requests on Discord

Onboarding and support

Keep everything you build. Cancel anytime.

Building an AI editor with Once UI

We're developing a full-fledged, AI-native IDE. Once UI has been instrumental in shaping our landing and marketing site with its clean design and customizable nature.

Adhitya Nadooli

Founder @Dusk IDE

From the blog

Frequently asked questions

Learn more about Once UI

What is Once UI?

What makes Once UI unique?

Is it hard to use Once UI?

Is Once UI available for Next.js only?

How is Once UI different than Tailwind?

How is Once UI different than Radix UI?

How is Once UI different than shadcn?

How is Once UI different than Hero UI (Next UI)?

Is Once UI available throught NPM?

What does the Pro plan include?

How do I get access after purchase?

Do I get future updates?

Do you provide support?

Why don't you offer a refund?

Because digital products can't be returned once downloaded. Once you have access, there's no way to undo the purchase—offering refunds would be unfair to other customers. That’s why we focus on transparency: our base components are

open-source

, we have

full documentation

free templates

, and a public preview of

all blocks

. You can make an informed decision before buying. Still unsure? Email us or message us on Discord—happy to help before you buy.

Got more questions? Email us at support@once-ui.com

The future is automated—creativity isn't. Join us and prepare for the AI-native future.