Deployment-ready Next.js apps built with an open-source design system
Cut development time by 90%
with pre-built solutions
with pre-built solutions
Used by 1k+ indie creators



50+Copy-paste blocks
100+Open-source components
5+Deployment-ready apps
Powering creative minds.
Used by professionals working at:







Used by professionals working at:
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
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
The conversion-magnet
Magic Convert is a modular, conversion-optimized landing page and dashboard template that lets you launch in a day.Learn more
Once UI looks interesting! Design system and component library with in-sync Figma components and tokens.

Torkel Ödegaard
Co-founder @Grafana LabsDesign excellence without complexity: Copy-paste blocks
Our blocks cover both generic landing page sections and specific app elementsBuilder Stories
âš¡
Used by people who don't have time to design
Build momentum without debtLoved 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 AIBuilding 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 AII 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-intlOnce 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 @JExcellenceI'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 AIBuilding 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 AII 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-intlOnce 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 @JExcellenceI'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 @DewFlowI 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 @osmyrealI'm a huge fan of Once UI. I'm using Magic Portfolio to showcase my game development projectts!

Victor Doyle
Game dev @victordoyleOnce UI looks insanely good, and it's so easy to customize!

Issa
Founder, engineer @DatabuddyI'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 @DewFlowI 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 @osmyrealI'm a huge fan of Once UI. I'm using Magic Portfolio to showcase my game development projectts!

Victor Doyle
Game dev @victordoyleOnce UI looks insanely good, and it's so easy to customize!

Issa
Founder, engineer @DatabuddyI'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.

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 Includes $300 product value
$
/ year0
1
2
3
4
5
6
7
8
9
Unlimited seats
Products
Magic Portfolio
Magic Bio
Once UI Core
Once UI Figma
Sign up
Start for free. No commitment.
🔥 40% OFF 🔥
Pro
$160
Includes $1200 product value$
/ year0
1
2
3
4
5
6
7
8
9
Single seat
ProductsExamplesExtra
Magic Agent
Magic Convert
Magic Store
Magic Docs
Magic Portfolio
Magic Bio
Once UI Core
Once UI Figma
Copy-paste pages
Copy-paste blocks
Regular updates
Priority support on Discord
Request components on Discord
Sign up
Keep everything you build. Cancel anytime.
Team
$1200
Includes $1200 product value$
/ year0
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
Unlimited seats
ProductsExamplesExtra
Magic Agent
Magic Convert
Magic Store
Magic Docs
Magic Portfolio
Magic Bio
Once UI Core
Once UI Figma
Copy-paste pages
Copy-paste blocks
Regular updates
Priority support on Discord
Priority requests on Discord
Onboarding and support
Sign up
Keep everything you build. Cancel anytime.
From the blog
Frequently asked questions
Learn more about Once UIWhat 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?
Do you offer a refund?
The future is automated—creativity isn't. Join us and prepare for the AI-native future.