Gradient Tracing

An animated line component with a moving gradient and optional logos at the endpoints.

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

import { GradientTracing } from "@/components/ui/gradient-tracing";

const Demo = () => (
  <GradientTracing width={300} height={100} />
);

export { Demo };