Tabs Subtle
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-subtle-base- Files
registry/base/tabs-subtle.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
- Navigation Components
- React Navigation Components
- Tailwind CSS Navigation Components
- Animated Navigation Components
- Tabs Components
- React Tabs Components
- Tailwind CSS Tabs Components
- Animated Tabs Components