Component vault

License

first-party (yours)

Source

first-party

Framework

React 19 + Tailwind v4

Dependencies

none

Code

src/components/ui/button.tsx

A11y

Native <button>, focus-visible ring ≥3:1, disabled via attribute, loading sets aria-busy

Motion

press-settle (120ms), no hover-scale

All 8 states implemented and rendered in the playground.

License

first-party (yours)

Source

first-party

Framework

React 19 + Tailwind v4

Dependencies

none

Code

src/components/ui/input.tsx

A11y

Label association required, error via aria-invalid + aria-describedby, 44px height

Motion

none (focus ring instant)

Border-width never changes between states; helper slot reserves 1lh to prevent shift.

License

first-party (yours)

Source

first-party

Framework

React 19 + Tailwind v4

Dependencies

none

Code

src/components/ui/panel.tsx

A11y

Semantic section + labelled heading; never nests inside another panel

Motion

none

The anti-card: one surface level, hairline border, no shadow.

License

first-party (yours)

Source

first-party

Framework

React 19 + Tailwind v4

Dependencies

none

Code

src/components/ui/stat-tile.tsx

A11y

Value + label association; trend has text, not color alone

Motion

count-up once (optional, reduced-motion safe)

Renders an explicit '— metric to confirm' state instead of fabricating numbers.

License

first-party (yours)

Source

first-party

Framework

React 19 + Tailwind v4

Dependencies

none

Code

src/components/ui/status-badge.tsx

A11y

Never color-only: every badge carries a text label (and optional shape)

Motion

status-pulse for live states only

License

first-party (yours)

Source

first-party

Framework

React 19 + Tailwind v4

Dependencies

none

Code

src/components/ui/data-table.tsx

A11y

Real <table> semantics, scope on headers, caption support, row focus

Motion

hover-reveal-actions

Overflow container scrolls; page body never does.

License

first-party (yours) — pattern studied from Raycast

Source

first-party

Framework

React 19 + Tailwind v4

Dependencies

none

Code

src/components/command-palette.tsx

A11y

role=dialog + aria-modal, listbox semantics, focus trap, Esc closes, arrow navigation

Motion

instant filter, ≤150ms panel fade

Written first-party rather than adopting cmdk, so the dependency stays at zero.

License

first-party (yours)

Source

first-party

Framework

React 19 + Tailwind v4

Dependencies

none

Code

src/components/ui/empty-state.tsx

A11y

Heading + explanation + one primary action; no decorative-only illustration

Motion

none

License

first-party (yours)

Source

first-party

Framework

React 19 + Tailwind v4

Dependencies

none

Code

src/components/ui/field-row.tsx

A11y

Label + description + error wired via ids; error announced politely

Motion

none

License

first-party (yours)

Source

first-party

Framework

React 19 + Tailwind v4

Dependencies

none

Code

src/components/ui/tabs.tsx

A11y

role=tablist/tab/tabpanel, roving tabindex, arrow keys, no scroll-jump

Motion

none (instant panel swap)

License

MIT

Source

shadcn/ui (VERIFIED_OPEN_SOURCE)

Framework

React + Radix + Tailwind

Dependencies

@radix-ui/react-dialog

A11y

Radix handles focus trap, aria-modal, Esc, scroll lock

Motion

fade + 2% scale, reduced-motion safe when configured

Approved for projects that already carry Radix; Forge itself stays dependency-free.

License

MIT

Source

shadcn/ui (VERIFIED_OPEN_SOURCE)

Framework

React + Radix + Tailwind

Dependencies

@radix-ui/react-select

A11y

Full listbox semantics + typeahead from Radix

Motion

content fade

Prefer native <select> on UTILITARIAN contracts.

License

per-author — verify individually

Source

21st.dev (REFERENCE_ONLY)

Framework

React + Tailwind

Dependencies

varies

A11y

unverified per component

Motion

varies (often violates house motion rules)

Discovery source only. Each candidate needs its author license checked before APPROVED.

License

not stated

Source

FeralUI (LICENSE_UNCLEAR)

Framework

React

Dependencies

unknown

A11y

unverified

Motion

physics-driven (expressive)

LICENSE_UNCLEAR → cannot be approved. Study only for PLAYFUL motion voice.

License

none found

Source

complete-shelf (MengTo) (REFERENCE_ONLY)

Framework

Three.js

Dependencies

three

A11y

HTML controls layered over WebGL (good pattern)

Motion

deterministic camera transitions

REJECTED for reuse — no LICENSE file means all rights reserved. Kept as a reference study.