Interactive Folder Gallery

A macOS-inspired folder that springs open on click, fanning out photo cards with realistic Framer Motion physics and drag-to-close interactions.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Interactive Folder Gallery to your project and fits it to your theme.

import { InteractiveFolderGallery } from "@/components/ui/interactive-folder-gallery";

export default function Demo() {
  return (
    <div className="w-full min-h-[800px] bg-[#0a0a0a] flex items-center justify-center overflow-hidden">
      <InteractiveFolderGallery />
    </div>
  );
}