Expandable Tabs

Icon tab bar where the active tab expands to a labelled pill, with a panel above that morphs height and slides content direction-aware on switch.

Library

beUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @beui/expandable-tabs

Files

• components/motion/expandable-tabs.tsx
• lib/ease.ts
• lib/i18n.tsx
• lib/utils.ts

Source

https://github.com/starc007/ui-components

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

More from beUI

• Morphing Tabs
• Shared Layout Bg
• Tabs
• Action Swap
• Action Swap Blur
• Action Swap Cascade
• Action Swap Roll
• Adaptive Stepper
• Agent Activity
• Agent Code
• Agent Disclosure
• Ai Sidebar