Project Folder

An interactive project folder that opens its file fan on hover or focus, expands into a focus-managed overlay, then retraces the complete path when closed.

Library

beUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @beui/project-folder

Files

• components/motion/project-folder.tsx
• lib/ease.ts
• lib/hooks/use-hover-capable.ts
• lib/i18n.tsx
• lib/utils.ts

Source

https://github.com/starc007/ui-components

Categories

• Card Components
• React Card Components
• Tailwind CSS Card Components
• Animated Card Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components
• File Tree Components
• React File Tree Components
• Tailwind CSS File Tree Components
• Animated File Tree Components

More from beUI

• Approval Card
• Card
• Card Dealer
• Card Folder
• File Tree
• Knockout Bracket
• Prediction Market
• Prediction Market Card
• Tilt Card
• Action Swap
• Action Swap Blur
• Action Swap Cascade