Introduction
A personal component registry in the shadcn/ui format: 86 components, 17 blocks and 23 themes, built on react-aria-components.
This is not a package you install from npm. Like shadcn/ui, the code is copied into your project by the shadcn CLI, and from then on it is yours. Everything lands in fma-ds folders (components/fma-ds/, hooks/fma-ds/, lib/fma-ds/), so it never collides with the official shadcn components.
Installation
Start from a project set up for shadcn/ui (Tailwind v4, a components.json; see compatibility). Then register the @fma-ds namespace:
And add any component or block by name:
Dependencies between items resolve through the same namespace, so adding a block pulls the components it is built from.
The full index of the registry, with every component, block, lib, hook and theme, is at https://ds.fmartinsandre.dev.br/r/registry.json. It is handy for browsing what is available, for tooling, and for shadcn commands that read a registry index, such as shadcn search @fma-ds.
For AI agents and LLMs, the registry is also described in llms.txt (summary, setup and a link to every item) and llms-full.txt (the same, plus each item's install command, dependencies and a usage example), following the convention at llmstxt.org.
Built on React Aria
Interaction, focus management and accessibility come from react-aria-components, so the APIs follow React Aria rather than Radix: isDisabled instead of disabled, onPress instead of onClick, and no asChild (use LinkButton for a link that looks like a button). Wrap your app in React Aria's RouterProvider so links navigate client-side (see routing).
Themes
Every color, radius, font and shadow is a CSS variable. Pick one of the curated themes, tweak it in the theme editor and export it as CSS, or install it straight from the registry with @fma-ds/theme-<name>. Every theme has a light and a dark palette (see dark mode).
Storybook
Every component has stories with interaction tests; the examples on these pages are those same stories. Storybook also documents props and shows the accessibility checks.
License
MIT, so you can use the code in open source and in proprietary projects. Themes adapted from tweakcn are Apache-2.0. Each item states its license on its page and in meta.license; upstream copyright is in the notices.