EasyUI Logoeasyui
HomeComponentsDocs
EasyUI Logoeasyui
ComponentsDocsGitHubLLMs
© 2026 EasyUI. Built by Suraj Maurya.
React · TypeScript · Motion

Intro

Guides

Components

Activity Feed
Advanced Data Table
AI Agent Activity
AI Response
Animated File Upload
Animated Number Morph
Animated Tabs
Avatar Stack
Batch Gesture Tray
Book Call Button
Branching Submenu
Button
Car Smoke Page Transition
Chat
Circular Orbit
Code Snippet Deck
Command Menu
Cursor Follower
Density Lens
Dependency Trace
Depth Corridor
DirectionalTooltip
Dot Field
Dot Shader
Drag to Confirm
DrawCheckbox
Evil Eye
Expandable Data Row
Expandable Search
FAQ
Floating Action Dock
Focus Mode
Form
Glass Navbar
Glitch Text
Glyph Matrix
Gooey Menu
Gravity Particle Burst
Hamburger Menu
Interactive Timeline
Intro Loader
iOS-style Search Bar
Liquid Ripple Button
Liquid Toggle
Loader
LockInput
Login
macOS Folder Cards
Magnetic Button
Meteors
Metric HUD
Morphing Blob
Morphing Button
Morphing Dialog
Morphing Icon
Morphing Shape Loader
Neon Edge Button
Nimbu Mirchi
Not Found
Notification Bell
Notification Stack
Orbital Loading Ring
OriginDropdown
OTP Input
Particle Delete
Payment Receipt Printer
Payment Status
Peek Card
Pill Navigation
PressButton
Pricing
Profile Card
Pull to Refresh
Rainbow Button
Recovery Ledger
Reveal Card
Rocket Party Popper
Scroll Progress Navigation
Scroll Velocity Text
Selection Basket
SettleModal
Shooting Stars
Sign Up
SlidePagination
Small Floating Dock
Smart Comparison
Smooth Accordion
Sparkles Core
Speed Warp
Split Button
Spotlight Card
Spotlight Search
SpringSelect
Stack Unfold Panel
Stacked Cards
Sticky Pages
Story Cards
StretchSwitch
Text Scramble Decoder
Thinking Orb
Torque Dial
Typewriter Button
Undo Toast
UnfoldAccordion
VelocityToast
Wallet Card
  1. EasyUI
  2. Components
  3. Animated Tabs

Animated Tabs

A tabbed switcher with physical pill indicator sliding smoothly between active items with content cross-fades.

Loading preview…

Installation

Add the component directly to your repository using shadcn CLI:

npx shadcn@latest add Surajmaurya1/easyui/animated-tabs

API Reference

PropTypeDefaultDescription
tabsTabItem[][]Array of tabs with id, label, icon, content
defaultTabstringtabs[0].idInitial active tab ID
onChange(id: string) => voidundefinedTab change callback

Related Components

Navigation

Branching Submenu

Animated tree navigation with keyboard support

Navigation

Expandable Search

Compact spring width morphing search input

Navigation

Floating Action Dock

Magnification curve with physical spring feedback

Overview metrics & telemetry