Animated Tabs provides a set of unstyled tab primitives, allowing you to create a wide range of animated tabs with only a few lines of code.
shadcn/ui Tabs
Animated shadcn/ui tabs.
animated active indicator
manual activation (use keyboard to see)
shadcn/ui Tabs
Another version of animated shadcn/ui tabs.
active indicator and outline are animated
outline is moved together with active indicator
Vercel Tabs
This tabs look like the tabs introduced by vercel.
active indicator is styled as underline
an additional hover indicator is shown
NextUI Tabs
This tabs mimic the look of NextUI tabs.
Radix Tabs
These tabs replicate the appearance of Radix UI tabs, including the feature where a tab displays a colored background when both the hover and focus states are active simultaneously.