Hero made by @ybouane.

@crazygl/hero-led-wall

Your image or video plays across the inner concave surface of a large, cinematic curved LED wall, lit like a virtual production stage with a subtle LED-pixel grid, floor reflection, and pointer parallax.

Demo

Hero Video on Curved LED Wall

Install

npm install @crazygl/hero-led-wall

Usage

import HeroLedWall from '@crazygl/hero-led-wall';

export default function Hero() {
  return (
    <HeroLedWall
      heading="Built for the stage."
      wallMedia="/reel.mp4"
      wallCurvature={120}
    />
  );
}

Customise

• Media — wallMedia (image or video), mediaOffsetX/Y, screenZ (wall depth).
• Wall — wallCurvature (arc °), wallRadius, wallHeight, wallEmissive, pixelGridStrength, pixelDensity.
• Atmosphere — studioLightWarmth, floorReflection, vignetteStrength, transparentBackground, bgColor.
• Motion — parallaxStrength.

Best for

• Creative agencies, motion-design and post-production studios.
• Video / editing tools and virtual-production / XR shops.
• Product demo pages where a widescreen reel does the heavy lifting.

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.