v0.1.0

Fluent 2 React Kit

Fluent 2-inspired components with shadcn/ui's APIs — copy the source via a registry, or install the package. Themeable, accessible, and built on Tailwind CSS v4.

Fluent 2-inspired. Not affiliated with Microsoft.

Built from the same parts

A small product snippet, assembled entirely from kit components — no bespoke CSS.

JD
Jamie Diaz
jamie@northwind.example
Active

Not sure what fits? Compare plans.

Syncing changes…

Browse every component

Each preview renders every variant and size, in both light and dark, on bg-background.

avatarbadgebuttoncardinputlabellinkseparatorspinner

Install via the shadcn registry

Every component ships as a registry item — point the shadcn CLI at this deployment to copy a component's source straight into your project, no package dependency required.

npx shadcn@latest add https://fluent2-react-kit.graund.io/r/button.json

Swap button for any item name — every kit component, plus theme (the Fluent 2 design tokens) and utils (the cn() helper). Install theme first — every component assumes its tokens are present.