Folder

An animated folder component that opens and fans out pages when clicked. Features a dark-themed folder with a tab notch, spring-physics page animations, and a tooltip bubble — built with Framer Motion.

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

// src/components/ui/demos/DemoOne.tsx

import FolderInteraction from "@/components/ui/folder";

export default function DemoOne() {
  return <FolderInteraction />;
}