AlignUI · Index

AlignUI

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

Tier A · StrongComponent LibraryBlock CollectionDesign System Docsalignui.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.

Facts

License: Commercial license, Unknown
Pricing: Freemium, One-time purchase, Paid
Framework: React, Next.js, Remix
Styling: Tailwind CSS v4, CSS custom properties
Distribution: CLI installer, Copy-paste snippet, Figma file or kit, GitHub repository, npm package
Platform: Web
Content type: Code, Figma / design source files, Design tokens / theme files
Agent readiness: CLI installable, Structured documentation, Readable open source
Accessibility: Unknown
Maturity: Actively maintained
Pricing detail: Base components free. Figma kit is a one-time purchase: Personal $119 (single user, lifetime updates, commercial use), Startups $349 (5 users, Discord support), Enterprise custom. Lemon Squeezy also lists the code library at ~$299.99-$399.99, the code + Figma bundle at ~$339.99-$599.99, and the AI Template at $149.99. PPP and student discounts are mentioned.
GitHub stars: 48
Package: @alignui/cli

Components it ships

49 total

Helps you build

Homepage Features Pricing Website Testimonials Faq Careers Team Contact Us Blog Login Web App Sign Up Filtering Items Uploading Media Notifications Settings Web App

Templates

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.

Also in Component Libraries

alignui.comTier A