rfnry/ui

Framework-agnostic design system + primitives for rfnry products. Two delivery targets: Astro and React (on top of base-ui). Shared tokens, reset, and Inter Variable font live in an internal design-system workspace.

Layout

• packages/design-system/ — internal design tokens + reset + fonts (not published; consumed at build time by the two packages below).
• packages/ui-astro/ — @rfnry/ui-astro, Astro components + scripts. Published.
• packages/ui-react/ — @rfnry/ui-react, React primitives on base-ui. Published.
• examples/showcase-astro/ — Astro demo app exercising every astro component.
• examples/showcase-react/ — Vite + React demo app exercising every react component.

Development

Requires Node 22.12+ and npm 10+.

npm install                         # wire workspaces
npm run check                       # biome
npm run typecheck                   # tsc across workspaces
npm run test                        # vitest across workspaces
npm run build                       # build all workspaces (packages + showcases)
npm run build -w @example/showcase-astro
npm run build -w @example/showcase-react
npm run dev:astro                   # astro dev server (showcase-astro)
npm run dev:react                   # vite dev server (showcase-react)

Consumer install

• React: see packages/ui-react/README.md.
• Astro: see packages/ui-astro/README.md.

Both packages require Tailwind v4 on the consumer side.

License

MIT.