Animated Tabs

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

Overview metrics & telemetry

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