Ravi Katiyar

Folder

Component 200

About

An interactive folder animation that responds to hover, making file browsing visually engaging. Perfect for dashboards, file managers, and modern UI systems.

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.

Code

How Folder is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

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

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

More by Ravi Katiyar

View all
  • Animated Shader Hero

    Animated Shader Hero

    3.7K
  • Hero

    Hero

    3.1K
  • Circular Gallery

    Circular Gallery

    2.7K
  • Minimalist Hero

    Minimalist Hero

    2.5K
  • Floating Icons Hero Section

    Floating Icons Hero Section

    1.9K
  • Glass Calendar

    Glass Calendar

    1.8K
  • Feature Carousel

    Feature Carousel

    1.7K
  • AI Image Generator Hero

    AI Image Generator Hero

    1.4K