OpenOpen playground

ComponentReact TSXshadcn/ui blocksMIT

Animated Tabs

Tabs with content animation

Installnpx shadcn@latest add @shadcnui-blocks/tabs-18

Loading live preview…

License

MIT license: free to use, change and ship in personal and commercial projects. Keep the copyright notice in your project.

License text ↗Original source ↗

Needs npm: lucide-react, framer-motion

More from shadcn/ui blocks

REACT
Select Full screen
shadcn/ui blocks · Component
Animated Grid Pattern
REACT
Select Full screen
shadcn/ui blocks · Component
Default Accordion
REACT
Select Full screen
shadcn/ui blocks · Component
Outline Accordion
REACT
Select Full screen
shadcn/ui blocks · Component
Box Accordion
REACT
Select Full screen
shadcn/ui blocks · Component
Contained Accordion
REACT
Select Full screen
shadcn/ui blocks · Component
Box Contained Accordion
REACT
Select Full screen
shadcn/ui blocks · Component
Tabs Accordion
REACT
Select Full screen
shadcn/ui blocks · Component
Highlight Active Item Accordion