Skip to main content

Assets Templates Inspiration Components

Components/BeUI

Card Folder

Card Folder

Pro

A landscape card tucked into a stitched purse pocket that lifts forward as the purse compresses into its bottom seam, with controlled open and card-detail visibility plus a separate overflow action.

Category: Cards
Built with: React, Tailwind, Motion
Installs: clsx lucide-react motion tailwind-merge
Files: card-folder.tsx + 3 more, a few lines of CSS

The prompt tells your agent to rebuild the styles on your project's tokens, so it fits in like it was made there.

BeUI

by Saurabh Chauhan

127 components

Copyright (c) 2026 Saurabh Chauhan. Open source, added by Craftwork. The license line stays in the copied code.

More like this

Tilt Card

Tilt Card

FreeOpen

Case Study Flip Stack

Case Study Flip Stack

Skeuomorphic Music Card

Skeuomorphic Music Card

Client Tweet Card

Client Tweet Card

Flight Status Card

Flight Status Card

Code Comparison

Code Comparison

Hover Transition

Hover Transition

Glare Hover

Glare Hover