Home
Docs
Pro
Templates
Figma
Customize
Pricing
Sign up

For indie makers who move fast, build smart, and break limits

Once UI is an open-source Next.js design system and component library for creators
npx create-once-ui-app@latest
Platform Squad
To do3
Fix login bug
Login returns error
Frontend
Bug
Design new UI
Login returns error
Frontend
Feature
Update database schema
Login returns error
Backend
Feature
In progress6
Write unit tests
Login returns error
Backend
Tech
Test payment gateway
Login returns error
Frontend
Bug
Optimize performance
Login returns error
Frontend
Feature
Update security settings
Login returns error
Backend
Feature
Complete onboarding flow
Login returns error
Website
Feature
Fix CSS issues
Login returns error
Frontend
Bug
Done4
Deploy to production
Login returns error
Backend
Feature
Update documentation
Login returns error
Frontend
Bug
Implement CI/CD pipeline
Login returns error
Platform
Tech
Implement CI/CD pipeline
Login returns error
Platform
Tech
Powering creative minds.
Used by professionals working at:
Trademark
Trademark
Trademark
Trademark

Designed for indie makers. Inspired by the best.

We studied the best—Vercel, Linear, Raycast—so you don’t have to. Once UI lets you build world-class products as a solo developer.
Explore customization
Seamless customization with Once UI
Seamless customization with Once UI
Seamless customization with Once UI
Preview of uploaded image
Drag and drop or click to browse

Lorant One

165 connections
UX / UI
Design systems
AI / ML

Simple components.
Clean code.

Craft powerful interfaces with just a few lines of code. Once UI gives you the speed of a no-code tool—with the control of real code.
Interactive documentation
Blog post

Once UI 0.5 is here, and it's crazy

Read the blog post by the creators of Once UI
January 18, 2025
Trusted by makers

Used by people who don't have time to design

Design is hard. Once UI takes care of it for you.
I wanted to create a single portfolio for my different activities and I discovered Once UI and Magic Portfolio. Your project helped me build the perfect showcase for my work.
Terence
Multidisciplinary artist
Using Once UI has been such a seamless experience. I can quite literally ship modern websites in days instead of weeks with the Once UI Figma and Next.js libraries!
light
Founder
Thanks for sharing your project - Magic Portfolio looks absolutely stunning! âš¡
Jan
Creator @next-intl
I'm just a front-end developer who's falling in love with Once UI...
NIKE
Front-end dev
As a noob react dev, Once UI makes it so easy to code!
Kevin
Founder @DewFlow

Save thousands of hours.
Ship 10x faster.

Forget spending months on UI foundations. Copy-paste high-fidelity UIs and focus on what actually matters—your product.
Fluid component showcase

Components

Build with highly functional components
Seamless styling
PageCustomize global design settings
Theme
Shape
ColorCustomize color schemes
Brand
Accent
Neutral
Solid styleCustomize the appearance of interactive elements
Style
Effect
AdvancedCustomize advanced styling options
Surface
Scaling
Transition

Styles

Define your brand in minutes

Layouts

Build flexible layouts with ease
Purple Worm
A journey through the eternal abyss to save humanity.
345
Proxima bA planet so cruel on the surface, but once you explore what's underneath, you'll question everything you know.
345

Effects

Spice it up with effects
Earth
Earth
Earth
Move fast

Quick start with templates

Magic Store
Coming in March
Magic StoreSet up your fully branded merch store in minutes and start selling with a trusted print-on-demand provider.
Magic portfolio
Magic portfolioBuild a professional portfolio with CV, blog and password protected pages.
Once UI for Next.js
Once UI for Next.jsGet started with a UI library and build apps with world-class design.

Out-of-the-box solutions

Launch real products with ready-made templates. Customize in minutes and ship fully branded, accessible, and responsive apps.

Work alone.
Or in a team.

Seamless transition from Figma to Next.js. Start in Figma with a pixel-perfect design system, then bring it to life in code—without breaking your workflow.
Figma design system library preview

Once UI is an open-source, community-driven project

Limited launch price

Build faster with Pro

Build stunning products without the overhead. Special launch pricing—only for the first 50 subscribers.
Free $0/ year
Next.js
Style + Component library
Figma
Style + Component library
33% OFF
Pro$96 $0/ year
Next.js
Style + Component library
Ready-made templates
Page design examples
Copy-paste blocks
Weekly updates
Priority support on Discord
Request components on Discord
Figma
Style + Component library
Marketing resources
Data viz module
Social module
Regular updates

Trusted by pioneers of the future

Product image

Once UI powers our AI IDE development

We’re developing a full-fledged, AI-native IDE with a small team, and Once UI has been instrumental in shaping our landing and marketing site with its clean design and customizable nature.
Adhitya Nadooli
Founder @Dusk IDE

Frequently asked questions

Learn more about Once UI
Got more questions? Email us at lorant@once-ui.com
The future is automated—creativity isn’t. Participate in a movement for builders, makers, and creators who bridge design and development in an AI-driven world.
Design Engineers Club Discord cover
Design Engineers Club cover anime style backgroundDesign Engineers Club cover anime style overlayDesign Engineers Club cover anime style overlayDesign Engineers Club cover anime style overlay
/Once UI

Design Engineers Club

It's time. The revolution begins.
Design Engineers Club Discord cover
Design Engineers Club cover anime style backgroundDesign Engineers Club cover anime style overlayDesign Engineers Club cover anime style overlayDesign Engineers Club cover anime style overlay
/Once UI

Design Engineers Club

It's time. The revolution begins.
Design Engineers Club Discord cover
Design Engineers Club cover anime style backgroundDesign Engineers Club cover anime style overlayDesign Engineers Club cover anime style overlayDesign Engineers Club cover anime style overlay
/Once UI

Design Engineers Club

It's time. The revolution begins.

Brought to you by indie creators
behind stellar projects:

Trademark
Trademark
Trademark
News and updatesSign up to the Design Engineers Weekly newsletter