Hero made by @ybouane.

@crazygl/hero-exhibition-poster

A single campaign image becomes a 3D museum poster with soft paper folds, a slow specular light sweep across the surface, and a film-grade animated grain. Slow camera drift and pointer parallax keep it breathing.

Demo

Exhibition Poster Hero

Install

npm install @crazygl/hero-exhibition-poster

Usage

import ExhibitionPoster from '@crazygl/hero-exhibition-poster';

export default function Page() {
  return (
    <ExhibitionPoster
      posterImage="/your-campaign-image.jpg"
      posterTilt={-13}
      foldStrength={0.1}
      lightSweepStrength={0.55}
    />
  );
}

Customise

• Poster — posterImage (any AVIF/WebP/JPG/PNG; the plane rebuilds to the image's native aspect), posterScale, posterTilt.
• Paper folds — foldStrength, foldDensity, foldSpeed (0 freezes the folds).
• Light sweep — lightSweepSpeed, lightSweepStrength (the moving gallery-spotlight highlight).
• Grain — grainAmount (filmic noise; 0.015–0.03 is the sweet spot).
• Camera — cameraDriftStrength, pointerParallax (±2° yaw / ±1.5° pitch on the poster).
• Background — bgTop, bgBottom (gallery-wall gradient), transparentBackground.

Best for

• Artist portfolios and exhibition / gallery sites.
• Fashion drops, music releases, festival and event landing pages.
• Design agencies and editorial brand campaigns — anywhere a single hero image carries the visual weight.

This hero is part of CrazyGL, a collection of production-ready WebGL, canvas, 3D, and typography effects. Every CrazyGL hero ships with an agent-ready SKILL.md file that helps developers and coding agents adapt the effect into custom landing pages and interactive experiences.