sh4dcn
Registries
ActiveComponent library (general)53

@fab-ui

Component library (general) · MIT · data updated 2026-07-28

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.

WebsiteDocsGitHubComponents folderAgent brief (.md)
@fab-ui preview
accessibilityaestheticanimationbackgroundsbuttonscardscomponentsdesign-systemformsglassmorphismhooksloadersmedianavigationoverlays

Install

npx shadcn@latest add https://fab-ui.com/r/registry.json

Health

StatusActive
Last commit2 weeks ago
LicenseMIT
Open issues11
ArchivedNo
Stars53

Components (44)

accordionalert-dialogautocompleteavatarbadgebuttoncardcheckboxcheckbox-groupcollapsiblecomboboxcontext-menudialogdrawerdropdown-menufieldfieldsetforminputinput-grouplabelliquid-metal-avatarliquid-metal-buttonliquid-metal-cardmesh-gradient-cardmeternavigation-menunumber-fieldpopoverhover-cardprogressradio-groupscroll-areaselectseparatorsliderswitchtabstextareatoggle-grouptoggletoolbartooltiputils
Components: accordion, alert-dialog, autocomplete, avatar, badge, button, card, checkbox, checkbox-group, collapsible, combobox, context-menu, dialog, drawer, dropdown-menu, field, fieldset, form, input, input-group, label, liquid-metal-avatar, liquid-metal-button, liquid-metal-card, mesh-gradient-card, meter, navigation-menu, number-field, popover, hover-card, progress, radio-group, scroll-area, select, separator, slider, switch, tabs, textarea, toggle-group, toggle, toolbar, tooltip, utils

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

@fab-ui · accordion

npx shadcn@latest add https://fab-ui.com/r/accordion.json
View source