Hero made by @ybouane.

@crazygl/hero-holographic-terrain

Low-poly wireframe terrain stretching to the horizon. Real vertex displacement (no faked depth), barycentric wireframe AA, distance fog, height-driven emissive on the peaks. Camera scrolls forward.

Demo

Holographic Terrain

Install

npm install @crazygl/hero-holographic-terrain

Usage

import HolographicTerrain from '@crazygl/hero-holographic-terrain';

export default function Page() {
  return (
    <HolographicTerrain
      heading="Mainframe."
      lineColor="#5cf2ff"
      peakColor="#ff7ad6"
      amplitude={0.55}
    />
  );
}

Customise

• Content — contentType (heading / two-columns / custom), heading, subheading.
• Style — backgroundColor, lineColor, fillColor, peakColor, fogColor, lineThickness, fillIntensity, peakIntensity.
• Terrain — amplitude, frequency, speed (camera fly-forward), fogDensity, pointerTilt.

Best for

• Developer tools, infrastructure, and data-platform landing pages.
• AI / ML and cybersecurity or fintech product sites.
• Sci-fi and synthwave-leaning launch pages.

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.