Once UI: the design system that bets you'll trade Tailwind muscle memory for speed
Once UI is a two-person operation (Lorant One and Zsofia Komaromi) selling a contrarian idea: that shadcn/ui plus Tailwind, the default stack for every Next.js side project since 2023, makes you write too much code. Their homepage claims 70% less of it, and the mechanism is a set of semantic layout primitives, Row, Column and Grid, plus around 100 MIT-licensed components whose entire theme lives in a single config file. Change your brand color in one place and it propagates everywhere, including the matching Figma library.
That pitch lands with a specific crowd. A Reddit roundup of UI kit sentiment describes Once UI as having "a really neat token system, very few dependencies and a bunch of smart components," which is about right. Product Hunt reviewers keep praising how fast they got from clone to deployed portfolio, and the free Magic Portfolio template is genuinely everywhere in indie hacker circles. Torkel Ödegaard, Grafana Labs' co-founder, has publicly endorsed it, which is not nothing for a project this size.
What's actually in the box
The core library is open source under MIT, no strings. Charts come built in via Recharts, the layout primitives enforce consistent spacing without utility-class soup, and there's app-level state for themes, toasts and icons so you're not wiring providers yourself. The newer angle is AI: the docs and syntax are designed so coding agents generate valid Once UI with little context, and the homepage copy leans into this hard ("Your AI hallucinates. Let Once UI fix it."). Whether that matters depends on how much you trust agent-generated UI, but the human-readable component API does genuinely help there.
The paid side is templates and blocks: 11 deployment-ready apps (portfolio, docs, store, an AI-agent starter, a self-hosted community platform called Supa Social) and 100+ copy-paste blocks.
The pricing page deserves scrutiny
Here's where I get fussy. The plan cards show Indie at $128/year (crossed out from $240) and Pro at $223/year (crossed out from $512). The comparison table directly underneath lists Pro at $256. Two prices for the same plan on the same page. There's also an "8 spots at this price" counter up top, a scarcity tactic that feels off-brand for a project whose whole identity is open and indie. To their credit, the yearly rate is locked in for the life of the subscription, and the site runs a live revenue dashboard: $1,335/month from 138 subscribers at the time I checked, with 33% going to a contributor fund. That kind of transparency is rare and worth rewarding.
One licensing gotcha that bites: the free templates are CC BY-NC, personal use only. If you build a client's site on Magic Portfolio without paying, you're violating the license. Commercial rights start at Indie.
Other honest drawbacks:
- Paid plans are single-seat. The free tier has unlimited seats, which makes the restriction feel like a nudge toward per-developer billing rather than a technical limit.
- It's Next.js only. No Vue, no SvelteKit, no plain React SPA path. If your team isn't already in the Next ecosystem, this is a non-starter.
- The component count sounds big until you compare against MUI or Chakra. Forms with complex validation, date pickers, data grids: expect gaps you'll fill yourself.
- Two maintainers. The changelog is active and v1.7 shipped recently, but bus factor is a real consideration for anything you'd build a business on.
Pick it if, skip it if
Pick Once UI if you're a solo founder or freelancer shipping Next.js marketing sites, portfolios or small SaaS frontends, and you value a coherent look over infinite component depth. The free tier alone is worth trying; the $128 Indie plan pays for itself if one premium template saves you a weekend. Skip it if you need enterprise component coverage, framework flexibility, or team seats, and give the pricing page a careful read before entering card details, because the numbers on it don't currently agree with each other.