A modern registry of React and Next.js components, built on Base UI. Open source, accessible, customizable.
- Built on Base UI - Accessible, WCAG-compliant components
- Own Your Code - Copy into your project, no runtime dependencies
- Modern Stack - React 19, Tailwind CSS v4, TypeScript
- 39 Components - Forms, dialogs, menus, and more
- Liquid Metal Effects - Unique animated shader components
Install components directly into your project using the shadcn CLI:
npx shadcn@latest add https://fab-ui.com/r/button.jsonOr configure the registry in your components.json for namespaced imports:
{
"registries": {
"fab-ui": "https://fab-ui.com/r/{name}.json"
}
}Then add components:
npx shadcn@latest add fab-ui/button| Category | Components |
|---|---|
| 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 |
| Data Display | Avatar, Badge, Meter, Progress |
| Special | Autocomplete, Toggle Group, Liquid Metal Button, Liquid Metal Avatar |
Full documentation available at fab-ui.com/docs
- Base UI - Headless, accessible primitives
- Tailwind CSS v4 - Utility-first styling
- Paper Design Shaders - Liquid metal effects
MIT © 2025