Hero made by @ybouane.

@crazygl/hero-chrome-y2k-wordmark

A huge mirror-chrome headline floating over a retro-future neon perspective grid. Star glints travel across the letters, gradient reflections shift with the pointer, and the whole thing reads as a Y2K poster you'd screenshot for your moodboard.

Demo

Chrome Y2K Wordmark

Install

npm install @crazygl/hero-chrome-y2k-wordmark

Usage

import ChromeY2KWordmark from '@crazygl/hero-chrome-y2k-wordmark';

export default function Page() {
  return (
    <ChromeY2KWordmark
      heading={'CYBER\n2099'}
      subheading="The internet, but make it fashion."
      ctaLabel="Enter the future"
      gridColor="#ff80c8"
    />
  );
}

Customise

• Content — heading (use \n to stack lines), subheading, ctaLabel, onCTAClick.
• Geometry — extrudeDepth, bevelSize, letterSpacing, headingY.
• Chrome — chromeTint (F0 base reflectance), metalness, roughness.
• Star Glints — glintCount, glintSize, glintBrightness, glintSpeed.
• Background — bgGradientTop / bgGradientMid / bgGradientBottom sky stops, gridColor, gridStrength, gridSpeed.
• Pointer — pointerParallax.
• Typography — headingFontFamily (a real Google TTF is fetched and extruded), headingFontWeight.

Best for

• Fashion-tech and streetwear drops
• Music, festival, and event landing pages
• Web3, gaming, and crypto product launches
• Bold creative-studio or agency portfolios

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.