Skip to content
Seed · React + Tailwind v4 · MIT

A calm design system for React and Tailwind.

Seed is neutral-first: true-gray surfaces, one accent you can make your own, and contrast that passes AA in Light and Dark. Use its components, or just its tokens.

npm i @flinbu/seed @flinbu/seed-tokens lucide-react

Invite your team

Editors propose changes; viewers are free.

They get a link that works for 7 days.

3 active
Seats60%

Invites sent

They’ll show up here once they join.

Tokens are Tailwind classes

bg-primary, text-secondary, p-base, rounded-control. The same names in your code, Figma and the docs.

Theme it in one command

npx seed theme --brand your color builds a full scale, Light and Dark, and checks every accent against WCAG AA.

Accessible by default

Interactive parts sit on Radix: keyboard, focus and screen readers handled. Every component is tested with axe.