Saas UI

Open-source React component library built on Chakra UI for building B2B SaaS dashboards and admin interfaces.

Developer Tools # react# components# chakra-ui# ui-kit# typescript# saas# open-source
Saas UI Screenshot 1

Quick Facts

Pricing Model

Freemium

Pricing Options

One-Time $173
Get Started Now

Compensation may be received for transactions completed through affiliate partnerships.

Saas UI Review: A Chakra-First Engine for B2B Dashboards

Building admin panels in React usually means piecing together basic primitives until your team gets tired of reinventing table filters and date pickers. Saas UI takes a direct stance on this problem: it provides over 40 open-source React components designed specifically for B2B dashboards, built directly on Chakra UI.

If your stack is already centered around Chakra UI, this framework eliminates weeks of UI assembly. However, if your team has migrated to Tailwind CSS or shadcn/ui, Saas UI will feel like an architectural step backward.

The Component System and Ecosystem Split

The core library is published under the MIT license on npm as @saas-ui/react. It covers high-level dashboard elements that plain component kits omit, including data tables with column sorting, property lists, multi-step forms, and authentication screens tailored for Supabase, Clerk, or Magic.

For commercial projects, founder Eelco Wiersma (operating as Saas UI B.V. in the Netherlands) sells Pro licenses as a one-time purchase. Single-developer access is currently priced at $173 (down from $247), while team licenses for up to 10 engineers cost $418 (down from $597). Both include lifetime code access and one year of updates, with maintenance releases continuing steadily through July 2026.

One recent friction point for prospective buyers is the split in product presentation. The full Next.js and TanStack Start starter kits have migrated off the main saas-ui.dev domain over to saas-js.com. This separation makes it confusing to evaluate what lives in the component package versus the full application starter kits.

What Real Developers Think

Community sentiment across Reddit and developer forums highlights a clear divide based on CSS philosophy.

Founders building on Chakra UI praise the speed multiplier. Simon Høiberg, founder of Aidbase, noted that Saas UI solved the headaches of building framework-agnostic widget interfaces, while frontend developer Tien Thinh highlighted that its component architecture is one of the few templates structured to scale long term.

Conversely, developers who favor modern headless or copy-paste architectures often raise concerns about dependency lock-in. Because Saas UI depends on Chakra UI style props and semantic tokens, adopting it forces your entire frontend into Chakra's runtime styling paradigm. In a React landscape increasingly dominated by Tailwind utility classes, that dependency is the primary reason teams pass on it.

Storefront Reality and Terms

On the commercial side, public pricing features the $173 single and $418 team licenses, but the Lemon Squeezy storefront catalog includes higher tiers, yielding a verified affiliate payout ceiling of $284.70 (30% of a $949 enterprise or all-access SKU).

The affiliate program is auto-approved with an accessible $10 minimum payout threshold. However, terms are strictly one-time with a 14-day cookie window. That 14-day tracking window is notably shorter than standard developer tool affiliate terms, which typically offer 30 to 60 days.

Who Should Buy Saas UI

Choose Saas UI if you are a solo founder or small team committed to Chakra UI and need to ship complex B2B CRUD layouts without building tables and onboarding flows from scratch.

Skip it if your project relies on Tailwind CSS, or if you prefer owning component source code without external design-system dependencies.

Key Features

  • 40+ MIT-licensed open-source components including DataTable, Stepper, Timeline and PropertyList
  • Pro blocks and deployment-ready templates
  • Authentication screens with Supabase, Magic, Clerk or custom providers
  • Forms manager with DatePicker and DateRangePicker
  • Figma UI kit sold alongside the code
  • Fully typed in TypeScript
  • Next.js and TanStack Start starter kits
  • Lifetime access with ongoing updates on paid licences

Pros

  • Genuinely open-source core - usable and inspectable before any purchase
  • Lifetime licence rather than a subscription, still receiving updates in July 2026
  • Auto-approve program with a $10 minimum payout and a confirmed $284.70 ceiling
  • Established vendor: a registered Dutch B.V. with a multi-year track record

Cons

  • Tied to Chakra UI, so it is a poor fit for teams standardised on Tailwind or shadcn
  • Commission is one-time with only a 14-day cookie - the shortest-lived terms in this batch
  • The starter kits have moved to a separate domain (saas-js.com), splitting the product story
  • Public pricing page does not reflect the full storefront catalogue

Technical Performance

Lighthouse Audit

Speed
60/100 D
Accessibility
67/100 D
Best Practices
96/100 A
SEO
82/100 B

Core Web Vitals

LCP 3.6s
FCP 1.2s
CLS 0.000
TBT 1.5s
Speed Index 5.4s

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

reactcomponentschakra-uiui-kittypescriptsaasopen-source