@fab-ui
Fab UI is a shadcn-compatible component registry built entirely on Base UI (headless, accessible primitives) rather than Radix UI, with Tailwind CSS v4 and React 19. Offers 39 components across four categories: Form (button, checkbox, checkbox-group, combobox, field, fieldset, form, input, input-group, label, number-field, radio, select, slider, switch, textarea, toggle), Overlay (alert-dialog, context-menu, dialog, dropdown-menu, popover, preview-card, tooltip), Layout (accordion, card, collapsible, scroll-area, separator, tabs, toolbar), and Data Display (avatar, badge, meter, progress). Special components include autocomplete, toggle-group, and two liquid-metal animated components (button and avatar) using Paper Design shaders. WCAG-compliant, copy-paste owned. Free, MIT licensed. Use for: building an accessible, Base UI-based component set with Tailwind v4 that bypasses Radix UI while still following the shadcn copy-paste ownership model.
Install this registry
npx shadcn@latest add https://fab-ui.com/r/registry.json pnpm dlx shadcn@latest add https://fab-ui.com/r/registry.json bunx shadcn@latest add https://fab-ui.com/r/registry.json curl -s https://fab-ui.com/r/registry.json Components
44 totalnpx shadcn@latest add https://fab-ui.com/r/accordion.json npx shadcn@latest add https://fab-ui.com/r/alert-dialog.json npx shadcn@latest add https://fab-ui.com/r/autocomplete.json npx shadcn@latest add https://fab-ui.com/r/avatar.json npx shadcn@latest add https://fab-ui.com/r/badge.json npx shadcn@latest add https://fab-ui.com/r/button.json npx shadcn@latest add https://fab-ui.com/r/card.json npx shadcn@latest add https://fab-ui.com/r/checkbox.json npx shadcn@latest add https://fab-ui.com/r/checkbox-group.json npx shadcn@latest add https://fab-ui.com/r/collapsible.json npx shadcn@latest add https://fab-ui.com/r/combobox.json npx shadcn@latest add https://fab-ui.com/r/context-menu.json npx shadcn@latest add https://fab-ui.com/r/dialog.json npx shadcn@latest add https://fab-ui.com/r/drawer.json npx shadcn@latest add https://fab-ui.com/r/dropdown-menu.json npx shadcn@latest add https://fab-ui.com/r/field.json npx shadcn@latest add https://fab-ui.com/r/fieldset.json npx shadcn@latest add https://fab-ui.com/r/form.json npx shadcn@latest add https://fab-ui.com/r/input.json npx shadcn@latest add https://fab-ui.com/r/input-group.json npx shadcn@latest add https://fab-ui.com/r/label.json npx shadcn@latest add https://fab-ui.com/r/liquid-metal-avatar.json npx shadcn@latest add https://fab-ui.com/r/liquid-metal-button.json npx shadcn@latest add https://fab-ui.com/r/liquid-metal-card.json npx shadcn@latest add https://fab-ui.com/r/mesh-gradient-card.json npx shadcn@latest add https://fab-ui.com/r/meter.json npx shadcn@latest add https://fab-ui.com/r/navigation-menu.json npx shadcn@latest add https://fab-ui.com/r/number-field.json npx shadcn@latest add https://fab-ui.com/r/popover.json npx shadcn@latest add https://fab-ui.com/r/hover-card.json npx shadcn@latest add https://fab-ui.com/r/progress.json npx shadcn@latest add https://fab-ui.com/r/radio-group.json npx shadcn@latest add https://fab-ui.com/r/scroll-area.json npx shadcn@latest add https://fab-ui.com/r/select.json npx shadcn@latest add https://fab-ui.com/r/separator.json npx shadcn@latest add https://fab-ui.com/r/slider.json npx shadcn@latest add https://fab-ui.com/r/switch.json npx shadcn@latest add https://fab-ui.com/r/tabs.json npx shadcn@latest add https://fab-ui.com/r/textarea.json npx shadcn@latest add https://fab-ui.com/r/toggle-group.json npx shadcn@latest add https://fab-ui.com/r/toggle.json npx shadcn@latest add https://fab-ui.com/r/toolbar.json npx shadcn@latest add https://fab-ui.com/r/tooltip.json npx shadcn@latest add https://fab-ui.com/r/utils.json