Daiwiik Harihar

Elastic Gallery

CTAs 1K

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.8K
  • Constellation Grid

    Constellation Grid

    1.2K
  • Focus Rail

    Focus Rail

    1.1K
  • Rolling List

    Rolling List

    940
  • Hero Shutter Text

    Hero Shutter Text

    925
  • Text Block Animation

    Text Block Animation

    888
  • Kinetic Team Hybrid

    Kinetic Team Hybrid

    789

More in CTAs

View all
  • Hills Landscape Footer with Call to Action

    Hills Landscape Footer with Call to Action

    84
  • Call to Action

    Call to Action

    6
  • CTA 3

    CTA 3

    411
  • Call to Action 01

    Call to Action 01

    55
  • Cta 4

    Cta 4

    300
  • Responsive Hero Banner

    Responsive Hero Banner

    2.1K
  • Two-Plan Pricing Cards

    Two-Plan Pricing Cards

    36
  • How It Works Steps

    How It Works Steps

    90