Animated Tabs

Tabs with a gliding pill and panels stacked like cards that peek behind.

Library

Velora UI

Framework

React

Type

ui

License

MIT

Dependencies

motion

Install

npx shadcn@latest add https://velora.colorlib.com/r/animated-tabs.json

Files

• src/components/velora/animated-tabs.tsx
• src/lib/utils.ts

Source

https://github.com/ColorlibHQ/velora-ui

Categories

• Card Stack Components
• React Card Stack Components
• Tailwind CSS Card Stack Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Navigation Components
• React Navigation Components
• Tailwind CSS Navigation Components
• Tabs Components
• React Tabs Components
• Tailwind CSS Tabs Components

More from Velora UI

• Card Stack
• Code Block
• Tabbed product tour
• Featured testimonial
• 3D Card
• 3D Marquee
• 3D Pin
• Animated Beam
• Animated Gradient Text
• Animated List
• Animated Modal
• Animated Sidebar