Animated Tab Bar
A beautiful iOS-style tab bar with smooth animations and morphing active indicator. Features multiple animation styles and full customization.
Install using CLI
npx shadcn@latest add "https://obsidianui.dev/r/animated-tab-bar.json"Install Manually
1
Install dependencies
2
Copy the source code
Copy into components/ui/animated-tab-bar.tsx
Note: This is a large component (400+ lines). Install via CLI for the full source code.
Props
| Prop Name | Type | Default | Description |
|---|---|---|---|
| items | TabItem[] | [...defaults] | Array of tab items with icon and label |
| className | string | - | Additional CSS classes |
| defaultActiveIndex | number | 0 | Initially active tab |
| onTabChange | (index) => void | - | Tab change callback |