Daiwiik Harihar

Elastic Gallery

CTAs 958

About

Interactive horizontal image accordion where the active card expands with a dark gradient overlay, title, category chip, and CTA while others collapse.

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

Code

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

Usage.tsx

import { ElasticGallery } from "@/components/ui/elastic-gallery";

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

Dependencies

More by Daiwiik Harihar

View all
  • Spatial Product Showcase

    Spatial Product Showcase

    2.3K
  • Perspective Tunnel Hero

    Perspective Tunnel Hero

    1.2K
  • Constellation Grid

    Constellation Grid

    1.1K
  • Focus Rail

    Focus Rail

    1.1K
  • Rolling List

    Rolling List

    928
  • Hero Shutter Text

    Hero Shutter Text

    903
  • Text Block Animation

    Text Block Animation

    859
  • Kinetic Team Hybrid

    Kinetic Team Hybrid

    778

More in CTAs

View all
  • Call to Action

    Call to Action

    23
  • CTA 3

    CTA 3

    406
  • Call To Action

    Call To Action

    29
  • Call to Action 01

    Call to Action 01

    51
  • Cta 4

    Cta 4

    293
  • Hero

    Hero

    1.3K
  • Responsive Hero Banner

    Responsive Hero Banner

    2K
  • Centered Hero with Image Fan

    Centered Hero with Image Fan

    968