Folder

All Variants

Sizes

Component Code (Next.js)

// See /src/components/Folder.tsx for full source

Claude / Codex Prompt

Create a macOS-style folder component in React + Tailwind with SVG rendering. Support color variants (dark, blue, yellow, green, red, purple), optional name label, configurable size, hover lift animation with shadow, and glossy gradient finish.