Once UI

Open-source design system and component library for Next.js and Figma, with deployment-ready application templates.

Design & Prototyping # design-system# react# nextjs# figma# components# templates# open-source
Once UI Screenshot 1

Quick Facts

Pricing Model

Freemium

Pricing Options

Yearly
$128 /yr
Get Started Now

Compensation may be received for transactions completed through affiliate partnerships.

No detailed review available yet.

Key Features

  • 100+ pre-styled MIT-licensed React components
  • Semantic Row, Column and Grid layout primitives
  • Theme and style management from a single file
  • Matching Figma design library with synced tokens
  • 100+ copy-paste blocks and 11 app templates
  • App-level state management for themes, toasts, icons and layouts
  • Agent-first harness for generating Once UI code with minimal context
  • Charts built on Recharts

Pros

  • Large open-source core under MIT with no vendor lock-in
  • Yearly price is locked in for the lifetime of the subscription
  • Endorsed publicly by the co-founder of Grafana Labs
  • Strong template library covering portfolio, docs, store and AI-agent apps

Cons

  • Purchases appear to complete on once-ui.com behind auth rather than via the Lemon Squeezy storefront, so affiliate attribution is unverified
  • Free templates are CC BY-NC and personal-use only — commercial rights require a paid plan
  • Plan cards and the comparison table quote different Pro prices ($193 vs $256)
  • Manual approval, a 7-day cookie, and a commission ceiling that maps to no published plan
  • Uses a limited-spots scarcity line on the pricing page

Technical Performance

Lighthouse Audit

Speed
74/100 C
Accessibility
80/100 B
Best Practices
100/100 A
SEO
83/100 B

Core Web Vitals

LCP 2.6s
FCP 1.2s
CLS 0.062
TBT 810ms
Speed Index 4.3s

Performance data measured via Google Lighthouse. Fast load times indicate a well-optimized product that won't slow down your workflow.

User Reviews

No reviews yet. Be the first to review this tool!

Tags

design-systemreactnextjsfigmacomponentstemplatesopen-source