v3.12.2 · 135 components · MIT

Components your AI already understands.

135 React + Tailwind v4 components with an MCP server and llms.txt built in — animated by default.

Browse components
bash
pnpm add @saasflare/ui
Make it yours — this page re-themes live
AC

Acme Analytics

acme.saasflare.io

Live
MRR
$48,210 12.4%
Active users
8,431 3.2%
Revenue · last 12 weeks+41%
Storage72%

135 components. Every one themeable.

Explore the catalog
ButtonComboboxDatePickerCommandDialogDrawerCalendarDataTableChartBarListTrackerStepperTimelineCarouselTabs
BentoGridMarqueeBorderBeamShimmerButtonSpotlightCardAuroraBackgroundGradientTextTracingBeamConfettiDockParticlesBackgroundTextGenerateFlipWordsCompareLightbox

Your AI gets the source of truth

MCP server at /api/mcp, llms.txt, and a full registry — Cursor or Claude pulls live props and examples instead of guessing.

Animated & accessible by default

Motion springs behind one animated switch, reduced-motion respected by every effect, focus rings and ARIA throughout.

Typed, tested, tree-shakeable

Strict TypeScript with zero any, a regression suite in CI, and per-module dist — server components import only what they use.

Connect any way you build

tsx
pnpm add @saasflare/ui

import "@saasflare/ui/styles"          // tokens + palettes
import { SaasflareShell, Button } from "@saasflare/ui"

<SaasflareShell>
  <Button intent="primary">Ship it</Button>
</SaasflareShell>

Ship your next interface this afternoon

Free and open source. The same components power the Saasflare SaaS starter — start here, scale into the full product when you're ready.