Discrete Tabs

A tab component with discrete sliding animations.

Library

uselayouts

Framework

React

Type

component

License

MIT

Dependencies

clsx, motion, tailwind-merge

Install

npx shadcn@latest add https://uselayouts.com/r/discrete-tabs

Files

• registry/default/example/discrete-tabs.tsx
• lib/utils.ts

Source

https://github.com/iurvish/uselayouts

Categories

• Navigation Components
• React Navigation Components
• Tailwind CSS Navigation Components
• Animated Navigation Components
• Tabs Components
• React Tabs Components
• Tailwind CSS Tabs Components
• Animated Tabs Components

More from uselayouts

• Bento Card
• Vertical Tabs
• 3D Book
• Accessible Action
• AccordionOS
• Analog Stick
• Animated Collection
• Bookshelf
• Bottom Menu
• Bucket
• Card Folder
• Client Card