Animated Tabs

Tab bar with a sliding pill indicator powered by layout animations.

Get a bird's-eye view of everything the platform offers.

With icons:

Installation

npx shadcn@latest add https://wise-ui.com/r/animated-tabs.json

Prop	Type	Default	Description
tabs	{ id: string; label: string; icon?: ReactNode }[]	-	Array of tab objects to render.
activeTab	string	-	The id of the currently active tab.
onTabChange	(tabId: string) => void	-	Callback when a tab is clicked.
className	string	-	Additional classes for the tab bar container.