fab ui

fab ui

MIT License
[blocked]

A modern registry of React and Next.js components, built on Base UI. Open source, accessible, customizable.

·

Features

  • 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

Quick Start

Install components directly into your project using the shadcn CLI:

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

Or configure the registry in your components.json for namespaced imports:

json
{  "registries": {    "fab-ui": "https://fab-ui.com/r/{name}.json"  }}

Then add components:

bash
npx shadcn@latest add fab-ui/button

Components

CategoryComponents
FormButton, Checkbox, Checkbox Group, Combobox, Field, Fieldset, Form, Input, Input Group, Label, Number Field, Radio, Select, Slider, Switch, Textarea, Toggle
OverlayAlert Dialog, Context Menu, Dialog, Dropdown Menu, Popover, Preview Card, Tooltip
LayoutAccordion, Card, Collapsible, Scroll Area, Separator, Tabs, Toolbar
Data DisplayAvatar, Badge, Meter, Progress
SpecialAutocomplete, Toggle Group, Liquid Metal Button, Liquid Metal Avatar

Documentation

Full documentation available at

Built With

  • - Headless, accessible primitives
  • - Utility-first styling
  • - Liquid metal effects

License

MIT © 2025