Folder

Folder that drops its flap open or swings open like a book, with pages you can pick.

Use Folder in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/Folder-TS-TW

Circular Gallery
A curved image gallery you can drag, scroll or tab through, with cards that open to the full image.
Card Nav
A navigation bar that springs open into a row of cards, each with its own links.
Gooey Nav
A navigation bar whose active pill breaks into goo that flows over to the item you pick.