Nick

Gallery Animation

Galleries 1K

About

this is the gallery animation on hover pics are expended with smooth animation

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

Code

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

Usage.tsx

import { Component } from "@/components/ui/gallery-animation";

export default function DemoOne() {
  return <Component />;
}

Dependencies

More by Nick

View all
  • MacOS dock

    MacOS dock

    202
  • 3d-card

    3d-card

    167
  • Hero-Section

    Hero-Section

    115
  • Ripple-Button

    Ripple-Button

    75
  • download-animation

    download-animation

    75
  • Animated-card

    Animated-card

    53
  • text-animation

    text-animation

    40
  • Loading-animation

    Loading-animation

    29

More in Galleries

View all
  • Thumbnail image viewer

    Thumbnail image viewer

    43
  • Animated Gallery

    Animated Gallery

    1.4K
  • Hero Section 6

    Hero Section 6

    881
  • Editorial Collage Hero

    Editorial Collage Hero

    430
  • Layout Grid

    Layout Grid

    826
  • 3D Parallax Unfurling Gallery

    3D Parallax Unfurling Gallery

    981
  • Image Gallery

    Image Gallery

    90
  • File Upload

    File Upload

    18