Get 20% off Once UI Pro: Use POKO at checkout.
Last code
Trademark
Trademark
Products
Docs
Resources
Ctrl k
Search...
Sign up

Deployment-ready Next.js apps built with an open-source design system

Cut development time by 90%
with pre-built solutions
Used by 1k+ indie creators
Magic Portfolio hero image
Magic Agent hero image
Magic Convert hero image
50+Copy-paste blocks
100+Open-source components
5+Deployment-ready apps
Powering creative minds.
Used by professionals working at:
Trademark
Trademark
Trademark
Trademark
Trademark
Trademark
Trademark
Trademark
Trademark

The open-source base

Once UI is a self-contained, open-source library. It's like Radix, Tailwind and shadcn combined in a single bundle.Learn more
Once UI Core product mockup image illustrating a command palette component
Trademark

The AI powerhouse

Magic Agent is a deployment-ready chatbot built with the Vercel AI SDK. Just add your API key and you have a functional AI chat interface.Learn more
Magic Agent product mockup image illustrating a modern chatbot UI
Trademark

The conversion-magnet

Magic Convert is a modular, conversion-optimized landing page and dashboard template that lets you launch in a day.Learn more
Magic Convert product mockup image illustrating a modern dashboard
Once UI looks interesting! Design system and component library with in-sync Figma components and tokens.
Torkel Ödegaard
Co-founder @Grafana Labs

Design excellence without complexity: Copy-paste blocks

Our blocks cover both generic landing page sections and specific app elements

Builder Stories

âš¡

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 @Confinity AI
Building with Once UI has been a seamless experience for our team. We're shipping new features every day that took weeks to build with other frameworks.
Adhitya Nadooli
Founder @Script AI
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
Once UI Pro makes it so easy to launch with pre-built templates and copy-paste blocks. I highly recommend the Pro to anyone who seeks to level up their workflow!
Justin
Agency owner @JExcellence
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 @Confinity AI
Building with Once UI has been a seamless experience for our team. We're shipping new features every day that took weeks to build with other frameworks.
Adhitya Nadooli
Founder @Script AI
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
Once UI Pro makes it so easy to launch with pre-built templates and copy-paste blocks. I highly recommend the Pro to anyone who seeks to level up their workflow!
Justin
Agency owner @JExcellence
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 wanted to take things further and bought the professional version. That decision completely changed the game for me. I achieved results I never thought were possible.
OsmyReal
Founder @osmyreal
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 @Databuddy
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 wanted to take things further and bought the professional version. That decision completely changed the game for me. I achieved results I never thought were possible.
OsmyReal
Founder @osmyreal
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 @Databuddy
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!

Once UI for Figma

Seamless transition from design to code. Enjoy the design counterpart of Once UI in Figma.
Once UI for Figma design system library preview
Get Pro: 50 spots left

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
1
2
3
4
5
6
7
8
9
/ year
Includes $300 product value
Unlimited seats
Products
Magic Portfolio
Magic Bio
Once UI Core
Once UI Figma
Sign up
Start for free. No commitment.
🔥 40% OFF 🔥
Pro
$160
$
0
1
2
3
4
5
6
7
8
9
/ year
Includes $1200 product value
Single seat
Products
Magic Agent
Magic Convert
Magic Store
Magic Docs
Magic Portfolio
Magic Bio
Once UI Core
Once UI Figma
Examples
Copy-paste pages
Copy-paste blocks
Extra
Regular updates
Priority support on Discord
Request components on Discord
Sign up
Keep everything you build. Cancel anytime.
Team
$1200
$
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
/ year
Includes $1200 product value
Unlimited seats
Products
Magic Agent
Magic Convert
Magic Store
Magic Docs
Magic Portfolio
Magic Bio
Once UI Core
Once UI Figma
Examples
Copy-paste pages
Copy-paste blocks
Extra
Regular updates
Priority support on Discord
Priority requests on Discord
Onboarding and support
Sign up
Keep everything you build. Cancel anytime.

Launching a platform for mobile gamers

How OsmyReal built a 100k+ audience in 2 years and launched his platform in less than 2 months with Once UI
OsmyReal
Read story
Product image of the OsmyReal platform

From the blog

Frequently asked questions

Learn more about Once UI
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.
Vibe coding dark theme
Vibe coding light theme
/Once UI

Design Engineers Club

Break boundaries. Build with intention.

Brought to you by indie creators
behind stellar projects:

Trademark
Trademark
Trademark
Trademark
Trademark
Trademark
Ship your product.
Start now