Vaibhav Kumar Singh

Color Change Card

Features 762

About

This is an animated card component that uses framer motion and has a color-changing animation on hover. Use for feature sections.

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

Code

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

Usage.tsx

import ColorChangeCards from "@/components/ui/color-change-card";

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

Dependencies

More by Vaibhav Kumar Singh

View all
  • Stagger Testimonials

    Stagger Testimonials

    2K
  • Event Manager

    Event Manager

    1.6K
  • Expanding Cards

    Expanding Cards

    1.4K
  • FAQ tabs

    FAQ tabs

    1.2K
  • Shuffle Grid

    Shuffle Grid

    1K
  • Flip Links

    Flip Links

    1K
  • Category List

    Category List

    821
  • Dark Gradient Pricing

    Dark Gradient Pricing

    711

More in Features

View all
  • Features 8

    Features 8

    3.1K
  • Feature Sections

    Feature Sections

    107
  • Grid Feature Cards

    Grid Feature Cards

    1.9K
  • Feature 72

    Feature 72

    122
  • Features 2

    Features 2

    322
  • Features 4

    Features 4

    368
  • Feature Modern

    Feature Modern

    9
  • Features Card

    Features Card

    201