Pricing

Choose your plan

Pay once and get every update. No seats to count, no renewals, no surprises.

Check roadmap

Pay Once, and Use Forever

The React kit, with the Figma file included. One payment, every update.

Free

The React components, free forever.

€0
  • 125 components, 260+ variants
  • 4 themes and 8 accent colors
  • Typed, on Tailwind CSS v4 and Radix
  • Unlimited projects, commercial too
  • Free lifetime updates
  • Sections, pages and templates
  • The Figma file

Koala UI

The full React kit, Figma file included.

€124.99
  • 1 seat, unlimited projects
  • 190 sections · Marketing, Product, Ecommerce
  • 34 page examples and every template
  • 125 components, 260+ variants
  • 4 themes and 8 accent colors
  • Free lifetime updates
  • Access to 5000+ components
  • 210+ marketing sections
  • 30+ dashboard / SaaS templates
  • 110+ styles in 4 modes
  • Auto Layout 5.0 and Variables
  • Koala University

Agency

The full kit for up to 6 designers and developers.

€554.40
  • Up to 6 seats, unlimited projects
  • 190 sections · Marketing, Product, Ecommerce
  • 34 page examples and every template
  • 125 components, 260+ variants
  • 4 themes and 8 accent colors
  • Free lifetime updates
  • Access to 5000+ components
  • 210+ marketing sections
  • 30+ dashboard / SaaS templates
  • 110+ styles in 4 modes
  • Auto Layout 5.0 and Variables
  • Koala University

Payments secured by

  • Code you own

    Typed React on Tailwind CSS v4 and Radix, copied into your repo. Nothing locked in a package.

  • Figma that matches the code

    Every component in the Figma file is named like its React twin, so handoff is a lookup.

  • One payment, every update

    No subscription. The licence never expires and brings every release, in React and in Figma.

Built in

Everything the platform already handles

Five foundations working together on every project you run, so the hard parts are done before you start.

Access control

Roles, SSO, and SCIM. One policy.

Audit trail

Every change logged. Nothing lost.

Live sync

Every edit, everywhere. Instantly.

Smart alerts

The right signal. None of the noise.

Data residency

US, EU, or APAC. Your data stays put.

Trusted by more than 4,100 product teams worldwide

  • Apex
  • Helio
  • Dewn
  • Cobalt
  • Blossom
  • Forge
  • Halo
  • Quanta
  • Frame
  • Pico
  • Astra
  • Ripple
  • Pentad
  • Crux
  • Lumen
  • Nimbus
Testimonials

Loved by teams who ship

Thousands of product teams build with us every day. Here is what a few of them have to say.

AR
Ana Ruiz
Head of Product at Halcyon
We shipped the redesign a month early.

Everything we needed was already there, and it all fit together. The team spent its time on the product instead of rebuilding the basics.

PN
Pedro Núñez
CTO at Quanta
The fastest onboarding we have ever had.

New engineers were productive in their first week. Every part follows the same patterns, so once you learn one you know them all.

ML
María López
Design Lead at Verde
Our designs and our code finally match.

What we design is what ships. Reviews went from pixel-pushing to real product decisions, and the whole team can feel the difference.

Help centre

Have any questions? We’ve got answers

Search every answer, or narrow it down to the topic you are working through.

Install

One command. You own the code.

The CLI copies real component source into your project. Tweak any recipe, and it still matches the rest of the system.

  • Source copied into your repo, not a black-box package
  • No runtime dependency you cannot read or edit
  • Built on Radix primitives and Tailwind v4 tokens
  • Every recipe is yours to fork, rename, or delete
TerminalBash
$ npx koalaui-cli@latest add button card dialog✓ wrote components/ui/button/button.tsx✓ wrote components/ui/card/card.tsx✓ wrote components/ui/dialog/dialog.tsx✓ added button, card, dialog
cta.tsxTSX
import { Button } from "@/components/ui/button"export function Cta() {  return <Button>Get started</Button>}