Back to Catalog

Animated Tabs

free

Segmented pill tabs powered by Motion layoutId for fluid spring transitions.

#tabs#navigation#layoutId
CLI Installation
pnpm dlx shadcn@latest add https://ui.ibidi.dev/r/animated-tabs.json

Props

PropTypeDefaultDescription
tabsTabItem[]DEFAULT_TABSArray of tab items with optional badge.
defaultTabstringtabs[0].idInitially active tab id.