Hero made by @ybouane.

@crazygl/hero-vaporwave-sunset

Your product screenshot floats over a magenta perspective grid floor, with a slatted retro sun glowing on the horizon and a wet-neon reflection underneath. 80s/90s vaporwave SaaS hero.

Demo

Vaporwave Dashboard Sunset

Install

npm install @crazygl/hero-vaporwave-sunset

Usage

import VaporwaveSunset from '@crazygl/hero-vaporwave-sunset';

export default function Page() {
  return (
    <VaporwaveSunset
      heading="Ship in the future."
      subheading="Retro-future analytics for modern teams."
      screenshot="https://yoursite.com/dashboard.png"
      sunColor1="#ffd76a"
      sunColor2="#ff2e97"
      gridColor="#ff45d0"
    />
  );
}

Customise

• Content — contentType, heading, subheading, column1, column2, content, screenshot.
• Screenshot transform — screenshotX/Y/Z, screenshotScale, screenshotTilt, screenshotRotationY.
• Grid floor — gridColor, gridBaseColor, gridDensity, gridSpeed.
• Retro sun — sunColor1, sunColor2, sunSize, sunStripeFreq (venetian slats), sunX, sunY, sunIntensity.
• Sky & feel — skyTop, skyMiddle, parallaxStrength, transparentBackground, headingFontFamily.

Best for

• Retro-future / synthwave SaaS and dev-tool launches.
• Product screenshot showcases that want personality.
• Music, gaming, and creative-tool landing 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.