Skip to content
IndexDesign corpus
Component LibrariesComponent LibraryBlock CollectionDesign System DocsCommercial licenseFreemiumReact

AlignUI

React + Tailwind design system with a code-synced Figma library

Aboutalignui.com

AlignUI is a commercial design system that ships the same components as React/Tailwind code and as a Figma library kept in sync with it. The free base tier documents roughly 49 components across actions, data display, feedback, forms, layout, navigation, and overlays; the PRO tiers add around 232 blocks in 39 categories, sectoral templates, and the Figma file. Setup runs through a small MIT CLI that scaffolds Tailwind v4.1 with AlignUI tokens. It suits teams that want design/dev parity bought off the shelf rather than assembled.

Install
npx @alignui/cli tailwind
For an agent

Reach for AlignUI over shadcn/ui only when the team has already bought the Figma library and wants the code to match it one-to-one — that parity is the whole product, and without it shadcn plus Radix gives you more primitives, a public registry, and an actual MIT licence. The CLI is a Tailwind v4.1 scaffolder, not a component installer, and its README warns it overwrites existing CSS and tailwind.config, so never run it in an initialised repo without backing those up. No accessibility claims are published anywhere on the site, so verify keyboard and ARIA behaviour on Modal, Dropdown, and Command Menu yourself before shipping.

Why it is here. It is one of the few systems where the Figma file is treated as a build output of the code rather than a drifting parallel artifact, which is exactly the gap most teams lose weeks to.

Install command, framework, licence and component list.
Components it ships49 total
Helps you build15
Templates3
Notable for
  • Figma library synced to the React code
  • ~232 blocks across 39 categories
  • Tailwind v4.1 CSS-first token setup via CLI
  • One-time lifetime licence, not a subscription
  • Free 49-component base tier
  • No published accessibility claims
Provenance

Verified 2026-08-15. HTTP 200. https://www.alignui.com/ , https://www.alignui.com/docs (full component sidebar enumerated verbatim), https://pro.alignui.com/blocks (39 block categories and 3 template names enumerated), https://figma.alignui.com/pricing (exact Personal/Startups/Enterprise prices), https://github.com/alignui (3 repos), https://github.com/alignui/cli (install command, MIT, 48 stars, updated 2026-06-07), plus a web search that surfaced Lemon Squeezy bundle prices. https://www.alignui.com/pricing and /docs/components both 404.

Related resourcesComponent Libraries