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
![Avatar](/_next/image?url=%2Fimages%2Favatars%2F01.png&w=3840&q=75)
![Avatar](/_next/image?url=%2Fimages%2Favatars%2F02.png&w=3840&q=75)
![Avatar](/_next/image?url=%2Fimages%2Favatars%2F03.png&w=3840&q=75)
![Avatar](/_next/image?url=%2Fimages%2Favatars%2F04.png&w=3840&q=75)
![Avatar](/_next/image?url=%2Fimages%2Favatars%2F05.png&w=3840&q=75)
3
To do3
Fix login bug![Avatar](/_next/image?url=%2Fimages%2Favatars%2F07.png&w=3840&q=75)
Login returns error![Avatar](/_next/image?url=%2Fimages%2Favatars%2F07.png&w=3840&q=75)
Frontend
Bug
Design new UI![Avatar](/_next/image?url=%2Fimages%2Favatars%2F08.png&w=3840&q=75)
Login returns error![Avatar](/_next/image?url=%2Fimages%2Favatars%2F08.png&w=3840&q=75)
Frontend
Feature
Update database schema![Avatar](/_next/image?url=%2Fimages%2Favatars%2F05.png&w=3840&q=75)
![Avatar](/_next/image?url=%2Fimages%2Favatars%2F04.png&w=3840&q=75)
Login returns error![Avatar](/_next/image?url=%2Fimages%2Favatars%2F05.png&w=3840&q=75)
![Avatar](/_next/image?url=%2Fimages%2Favatars%2F04.png&w=3840&q=75)
Backend
Feature
In progress6
Write unit tests![Avatar](/_next/image?url=%2Fimages%2Favatars%2F05.png&w=3840&q=75)
Login returns error![Avatar](/_next/image?url=%2Fimages%2Favatars%2F05.png&w=3840&q=75)
Backend
Tech
Test payment gateway![Avatar](/_next/image?url=%2Fimages%2Favatars%2F02.png&w=3840&q=75)
Login returns error![Avatar](/_next/image?url=%2Fimages%2Favatars%2F02.png&w=3840&q=75)
Frontend
Bug
Optimize performance![Avatar](/_next/image?url=%2Fimages%2Favatars%2F01.png&w=3840&q=75)
Login returns error![Avatar](/_next/image?url=%2Fimages%2Favatars%2F01.png&w=3840&q=75)
Frontend
Feature
Update security settings![Avatar](/_next/image?url=%2Fimages%2Favatars%2F06.png&w=3840&q=75)
![Avatar](/_next/image?url=%2Fimages%2Favatars%2F05.png&w=3840&q=75)
Login returns error![Avatar](/_next/image?url=%2Fimages%2Favatars%2F06.png&w=3840&q=75)
![Avatar](/_next/image?url=%2Fimages%2Favatars%2F05.png&w=3840&q=75)
Backend
Feature
Complete onboarding flow![Avatar](/_next/image?url=%2Fimages%2Favatars%2F04.png&w=3840&q=75)
Login returns error![Avatar](/_next/image?url=%2Fimages%2Favatars%2F04.png&w=3840&q=75)
Website
Feature
Fix CSS issues![Avatar](/_next/image?url=%2Fimages%2Favatars%2F03.png&w=3840&q=75)
![Avatar](/_next/image?url=%2Fimages%2Favatars%2F02.png&w=3840&q=75)
Login returns error![Avatar](/_next/image?url=%2Fimages%2Favatars%2F03.png&w=3840&q=75)
![Avatar](/_next/image?url=%2Fimages%2Favatars%2F02.png&w=3840&q=75)
Frontend
Bug
Done4
Deploy to production![Avatar](/_next/image?url=%2Fimages%2Favatars%2F02.png&w=3840&q=75)
Login returns error![Avatar](/_next/image?url=%2Fimages%2Favatars%2F02.png&w=3840&q=75)
Backend
Feature
Update documentation![Avatar](/_next/image?url=%2Fimages%2Favatars%2F03.png&w=3840&q=75)
Login returns error![Avatar](/_next/image?url=%2Fimages%2Favatars%2F03.png&w=3840&q=75)
Frontend
Bug
Implement CI/CD pipeline![Avatar](/_next/image?url=%2Fimages%2Favatars%2F02.png&w=3840&q=75)
![Avatar](/_next/image?url=%2Fimages%2Favatars%2F07.png&w=3840&q=75)
Login returns error![Avatar](/_next/image?url=%2Fimages%2Favatars%2F02.png&w=3840&q=75)
![Avatar](/_next/image?url=%2Fimages%2Favatars%2F07.png&w=3840&q=75)
Platform
Tech
Implement CI/CD pipeline![Avatar](/_next/image?url=%2Fimages%2Favatars%2F02.png&w=3840&q=75)
![Avatar](/_next/image?url=%2Fimages%2Favatars%2F07.png&w=3840&q=75)
Login returns error![Avatar](/_next/image?url=%2Fimages%2Favatars%2F02.png&w=3840&q=75)
![Avatar](/_next/image?url=%2Fimages%2Favatars%2F07.png&w=3840&q=75)
Platform
Tech
Powering creative minds.
Used by professionals working at:![Trademark](/trademark/mailchimp.svg)
![Trademark](/trademark/microsoft.svg)
![Trademark](/trademark/nasa.svg)
![Trademark](/trademark/logmein.svg)
Used by professionals working at:
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](/_next/image?url=%2Fimages%2Fmockups%2Fstore-01.png&w=3840&q=75)
Your profile is public.
![Preview of uploaded image](/_next/image?url=%2Fimages%2Fdocs%2Fhurth-6.jpg&w=3840&q=75)
Drag and drop or click to browse
![Avatar](/_next/image?url=%2Fimages%2Fcreators%2Florant-s.jpg&w=3840&q=75)
Lorant One
165 connectionsUX / 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![Avatar](/_next/image?url=%2Fimages%2Fcreators%2Florant-s.jpg&w=3840&q=75)
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.
![Avatar](/_next/image?url=%2Fimages%2Fcreators%2Ftexz.jpg&w=3840&q=75)
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!
![Avatar](/_next/image?url=%2Fimages%2Fcreators%2Flight.jpg&w=3840&q=75)
light
Founder Thanks for sharing your project - Magic Portfolio looks absolutely stunning! âš¡
![Avatar](/_next/image?url=%2Fimages%2Fcreators%2Fjan.jpg&w=3840&q=75)
Jan
Creator @next-intlI'm just a front-end developer who's falling in love with Once UI...
![Avatar](/_next/image?url=%2Fimages%2Fcreators%2Fnike.jpg&w=3840&q=75)
NIKE
Front-end dev As a noob react dev, Once UI makes it so easy to code!
![Avatar](/_next/image?url=%2Fimages%2Fcreators%2Fkevin.jpg&w=3840&q=75)
Kevin
Founder @DewFlowSave 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](/_next/image?url=%2Fimages%2Fmockups%2Fcomponents-01.png&w=3840&q=75)
Components
Build with highly functional components![Seamless styling](/_next/image?url=%2Fimages%2Fmockups%2Fstyles-01.png&w=3840&q=75)
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 minutesLayouts
Build flexible layouts with ease![](/_next/image?url=%2Fimages%2Fdocs%2Fpurple-worm.jpg&w=3840&q=75)
Purple Worm
A journey through the eternal abyss to save humanity.
345
![](/_next/image?url=%2Fimages%2Fdocs%2Fproxima-b-landscape.jpg&w=3840&q=75)
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](/_next/image?url=%2Fimages%2Fdocs%2Fearth.png&w=3840&q=75)
![Earth](/_next/image?url=%2Fimages%2Fdocs%2Fearth.png&w=3840&q=75)
![Earth](/_next/image?url=%2Fimages%2Fdocs%2Fearth.png&w=3840&q=75)
Move fast
Quick start with templates
![Magic Store](/_next/image?url=%2Fimages%2Ftemplates%2Fmagic-store%2Fcover.jpg&w=3840&q=75)
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](/_next/image?url=%2Fimages%2Ftemplates%2Fmagic-portfolio%2Fcover.jpg&w=3840&q=75)
Magic portfolioBuild a professional portfolio with CV, blog and password protected pages.
![Once UI for Next.js](/_next/image?url=%2Fimages%2Ftemplates%2Fonce-ui-starter%2Fcover.jpg&w=3840&q=75)
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](/_next/image?url=%2Fimages%2Fmockups%2Ffigma-01.png&w=3840&q=75)
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.33% OFF
Trusted by pioneers of the future
![Product image](/_next/image?url=%2Fimages%2Fmockups%2Fdusk.jpg&w=3840&q=75)
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.![Avatar](/_next/image?url=%2Fimages%2Fcreators%2Flight.jpg&w=3840&q=75)
Adhitya Nadooli
Founder @Dusk IDE Frequently asked questions
Learn more about Once UIWhat is Once UI?
What does the Pro plan include?
Do I get future updates?
What makes Once UI unique?
Do you provide support?
Is Once UI available for Next.js only?
Do you offer a refund?
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)?
![Avatar](/_next/image?url=%2Fimages%2Fcreators%2Fcommunity-01.jpg&w=3840&q=75)
![Avatar](/_next/image?url=%2Fimages%2Fcreators%2Fcommunity-02.jpg&w=3840&q=75)
![Avatar](/_next/image?url=%2Fimages%2Fcreators%2Fcommunity-03.jpg&w=3840&q=75)
![Avatar](/_next/image?url=%2Fimages%2Fcreators%2Fcommunity-04.jpg&w=3840&q=75)
![Avatar](/_next/image?url=%2Fimages%2Fcreators%2Fcommunity-05.jpg&w=3840&q=75)
![Avatar](/_next/image?url=%2Fimages%2Fcreators%2Fcommunity-06.jpg&w=3840&q=75)
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.