Step Forward Icon

An animated step-forward playback icon that nudges forward on hover or imperative trigger, for media players and transport controls.

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

import { StepForwardIcon } from "@/components/ui/lu-step-forward";

export default function StepForwardIconDemo() {
  return (
    <div className="flex items-center justify-center w-full h-screen">
      <StepForwardIcon size={48} />
    </div>
  );
}