Shatlyk1011

Link Hover

Navigation 295

About

Navigation links with creative hover animations powered by GSAP.

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

Code

How Link Hover is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import ImageHover from "../components/ui/link-hover";
export default function Demo() {
  return (
    <div className="flex items-center justify-center min-h-screen bg-background">
      <ImageHover />
    </div>
  );
}

Dependencies

More by Shatlyk1011

View all
  • Motion Button

    Motion Button

    893
  • 3D Marquee

    3D Marquee

    725
  • Hover Border Gradient

    Hover Border Gradient

    626
  • Team Member Card

    Team Member Card

    575
  • Interactive Hover Button

    Interactive Hover Button

    285
  • Typing Effect

    Typing Effect

    270
  • Animated Dropdown

    Animated Dropdown

    231
  • Gradient Borders Button

    Gradient Borders Button

    226

More in Navigation

View all
  • Sidebar

    Sidebar

    296
  • Progress Bar Stepper

    Progress Bar Stepper

    45
  • Navbar

    Navbar

    1
  • Tabs

    Tabs

    16
  • Breadcrumb

    Breadcrumb

    103
  • Capsule Tabs

    Capsule Tabs

    21
  • Pagination

    Pagination

    27
  • Pagination with Ellipsis

    Pagination with Ellipsis

    18