Changelog

Release notes

Every Koala UI release, newest first. Pick a category to see only what changed there.

  1. v11 · New

    Koala UI v11

    AI-ready UI patterns, one spacing scale across every form control, and components that scale from desktop to mobile.

  2. Mobile · New

    Koala UI for mobile apps

    400+ mobile components and 30+ ready-to-use screens for native iOS and Android, built from the same Figma file.

  3. v10 · Improved

    Koala UI v10

    The radius moves from 8px to 10px, and the color tokens now line up with Tailwind v4 for better accessibility.

  4. v9 · Improved

    Koala UI v9

    Every component updated for the Figma Config 2025 changes, with aspect ratios on images and stronger dark mode contrast.

  5. v8 · New

    Introducing Ecommerce

    Store templates for designers and founders, and a typeface you now switch from Figma Variables in one place.

  6. v7 · Improved

    Koala UI v7

    Better documentation throughout, new Team section variants, license-free avatars, and a rating variant for tables.

  7. v6 · Improved

    +100 improvements to product design

    Over 50 product improvements in a single month, an analytics demo, and tooltips rebuilt with white and black variants.

  8. v5.2 · Fixed

    New tooltips and small fixes

    A clearer disabled state for the brand button, refined radio buttons, and card variants for radios and checkboxes.

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 size="lg">Get started</Button>}