Tabs

Layoutinline sandbox

Shadcn-compatible tabs component with smooth animations and context awareness, built on Base UI.

tabs

slider-tabs

animated-tabs

base-ui

shadcn-tabs

Preview

Heads up

Don't forget to add <TabsIndicator /> in the TabsList!!!

Note

You can use this components just like shadcn tabs.

Use the shadcn CLI to install this component:

npx shadcn@latest add https://messyui.dev/r/tabs.json

This component has no configurable props.