Animated Scroll Indicator

A sleek, animated scroll indicator featuring a mouse with a pulsing trackball and "SCROLL" text that changes color. Perfect for landing pages, single-page applications, or any website that needs to direct users to scroll for more content.

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

import { Component } from "@/components/ui/animated-scroll-indicator";

const DemoOne = () => {
  return (
    <div className="flex w-full h-screen justify-center items-center">
      <Component />
    </div>
  );
};

export { DemoOne };