1 slot open this monthBy the makers of shadcnregistryWe built shadcnregistry. Now we build your product.Book a callCheck availability
1 slot open this monthAI features?We build AI features into your product.Book a callCheck availability
1 slot open this month🚨 Slop police🚨 Slop police: we clean up vibe-coded apps.Report itReport your app
shadcnregistry
shadcnregistry
RegistryHealthInspect
Terms of ServicePrivacy Policy
  1. Registries
  3. uselayouts
  5. Card Folder

Card Folder

component

This component creates an animated folder-style card with a background image, floating 3D object, hover effects, and customizable colors and text. You can easily change the images, colors, content, and animation settings from the card props.

pnpm dlx shadcn@latest add "https://uselayouts.com/r/card-folder.json"
Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore
  • motion
  • clsx
  • tailwind-merge
    components/card-folder.tsx