Morphing Tabs

Reorderable tabs whose selected item grows into a white content surface, with the active shape gliding as tabs move and a shared morph between rooms.

Library

beUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @beui/morphing-tabs

Files

• components/motion/morphing-tabs.tsx
• lib/ease.ts
• lib/i18n.tsx
• lib/touch.ts
• 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

• Expandable 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