Tabs Component

A versatile tabs component for organizing content into sections. Perfect for navigation and content organization. Enhanced with smooth Framer Motion animations for a modern, polished experience.

✨ Animation Features

• Smooth sliding indicator with spring physics
• Hover effects with subtle lift animations
• Content transitions with fade and slide effects
• Responsive animations that work across all screen sizes

Animated Tabs Demo

Experience the smooth animations and hover effects. Try hovering over tabs and switching between them to see the fluid transitions.

Animation Features

Spring Physics

Smooth indicator movement with natural spring animations

Hover Effects

Subtle lift and scale effects on interaction

Content Transitions

Fade and slide animations between tab content

Responsive Design

Animations that work perfectly on all screen sizes

Basic Tabs

Simple tabs with different content sections.

Account Information

Manage your account settings and preferences.

Name

Vertical Tabs

Tabs arranged vertically for different layouts.

Project Overview

Get a high-level view of your project status and key metrics.

Total Users

1,234

Active Sessions

567

Installation

npx shadcn@latest add https://catppuccin-components.vercel.app/r/tabs.json

PreviousCard Component

NextTable Component