Familis design systemv0.1.0

Build once.
Ship across Familis.

Shared components for the products we build together. Preview a building block, copy the command, and make it yours.

TanStack StartNitroshadcn / Base UI

Start with your next project

Install directly from our public GitHub registry into a React project initialized with shadcn.

Install with shadcn

pnpm dlx shadcn@latest add Familis-co/registry/project-card

Design

Shared foundations, documented in Storybook with light and dark themes.

62 components

Browse the full Base UI collection. Install any component with Familis-co/registry/<name>.

Portable React source, ready to adapt to your product.

2 blocks

Project card

Block

A project summary with status and a navigation link. Works with any React router.

Client portal

Active

A shared workspace for clients and their team.

Updated today · 4 team members

Install with shadcn

pnpm dlx shadcn@latest add Familis-co/registry/project-card

Empty state

Block

An accessible empty state with a configurable icon, explanation, and action.

No projects yet

Create a project to bring your team and clients together.

Install with shadcn

pnpm dlx shadcn@latest add Familis-co/registry/empty-state