Once UI Core

The Creative Web's Component Framework. Build beautiful, consistent UIs 60% faster.

Live demo

Open on GitHub

Frameworks

React + TypeScript + Sass

Once UI version

0.6.0

Next.js version

15.2.3

Documentation

Get started

License

Built Different. Built for Creators.

A fully custom UI component system with zero dependencies. No Tailwind. No Radix. No CSS battles. Just pure, controlled theming and scalable design.

Frontend developers

Build beautiful UIs without fighting CSS or learning complex utility systems.

Design engineers

Bridge the gap between design and development with a system that speaks both languages.

Solo founders

Launch faster with components that handle the design details for you.

Creative agencies

Deliver client projects with consistent quality and flexible theming.

View Documentation

Less code.
More features.

Minimal dependencies

No Tailwind, Radix, or any other UI libraries underneath. Pure, controlled theming.

Easy installation

Simple setup process with clear documentation and examples.

Beginner friendly

Intuitive API that feels natural whether you're new to React or a seasoned pro.

Designed for vibe coding

AI coding assistants can guide you through the entire process.

Single config file

All design tokens (colors, fonts, layout) defined in one place.

Clean architecture

No utility class soup. Just semantic components with powerful props.

Start building beautiful UIs
in just a few simple steps

Install Once UI

Just paste the Once UI folder and layout file to your Next.js project

Configure styles

Set up your brand colors, typography, and spacing in one file

Build your UI

Use the components to create beautiful, consistent interfaces

Component API

Write 60% less code

Clean, semantic components vs utility class soup

<Row fill center gap="l">
  <Button href="/products" label="Buy now"/>
  <Button href="/about" label="Demo" variant="secondary"/>
</Row>

Products built with Once UI

Launch 4 products in 4 days. These aren't just templates—they're launch-ready solutions.

Ready-made solutions for creators

So you can focus on your content and audience

Join the movement

Early access, featured profiles, and perks for community contributors

2,000+

Creators on email list

800+

Discord members

Weekly

Updates & maintenance

Packed with epic features

Fully custom UI framework

Fluid design tokens + full theme control

Pre-styled, logic-aware components

Natively built for Next.js

Products you can launch now

Real community, real visibility

Frequently Asked Questions

How is Once UI different from Tailwind?

Do I need design skills to use Once UI?

Can I customize the components to match my brand?

Is Once UI built for Next.js?

What's included in the free Core version?

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

Build a better web

For creators who don't wait for permission

See Demo

Get Pro

Once UI is an open-source project by Dopler

ProductsOnce UI Core Once UI Pro Once UI Figma Magic Portfolio Magic Store Magic Docs Magic Bio

LearnPricing Customize Core docs Pro docs Roadmap Changelog

ResourcesAbout us Merch store Terms of Use Privacy Policy License Agreement

Connect

Discord

GitHub

Email

News and updatesSign up to the Design Engineers Weekly newsletter