Chevron Last Icon

An animated chevron icon (jump-to-last style) that plays a subtle slide and bar-stretch motion on hover or via an imperative ref, for pagination or carousel controls.

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

import { ChevronLastIcon } from "@/components/ui/lu-chevron-last";

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