Tabs
Horizontal tab navigation with fluid hover, animated pill selection indicator, and fluid font-weight transitions. Base UI flavor.
- Library
- Fluid Functionalism
- Framework
- React
- Type
- ui
- License
- MIT
- Dependencies
- @base-ui/react@^1.9.0, lucide-react, motion
- Install
npx shadcn@latest add @fluid/tabs-base- Files
registry/base/tabs.tsxregistry/default/lib/utils.tsregistry/default/lib/springs.tsregistry/default/lib/font-weight.tsregistry/default/lib/shape-context.tsxregistry/default/lib/icon-context.tsxregistry/default/hooks/use-fluid-hover.tsregistry/default/fluid-hover-highlight.tsx
- Source
- https://github.com/mickadesign/fluid-functionalism
Categories
- Input Components
- React Input Components
- Tailwind CSS Input Components
- Animated Input Components
- Navigation Components
- React Navigation Components
- Tailwind CSS Navigation Components
- Animated Navigation Components
- Segmented Control Components
- React Segmented Control Components
- Tailwind CSS Segmented Control Components
- Animated Segmented Control Components