Pulsed Background Input

A text input with a pulsing background highlight that draws attention to it until the user focuses in, at which point the animation stops.

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

import Component from "@/components/ui/c-input-24";

export default function DemoPulsedBackgroundInput() {
  return (
    <div className="flex min-h-[240px] w-full items-center justify-center p-8">
      <Component />
    </div>
  );
}