Hero made by @ybouane.

@crazygl/hero-old-internet-portal

A surreal 3D old-web desktop. Floating Windows 98 / classic Mac OS panels in CSS-3D, a pixel cursor trail, dotted retro wallpaper. Drag windows around by their title bars. Nostalgic browser chaos rendered as a premium composed tribute.

Demo

Old Internet Portal

Install

npm install @crazygl/hero-old-internet-portal

Usage

import OldInternetPortal from '@crazygl/hero-old-internet-portal';

export default function Hero() {
  return (
    <OldInternetPortal
      heading="Welcome to the World Wide Web."
      windowStyle="win95"
      window1Mode="image"
      window1Image="/shots/dashboard.avif"
      onWindow1Click="/portfolio"
    />
  );
}

Customise

• Chrome — windowStyle (win95, winxp, macos-classic).
• Windows 1–6 — per slot: window{N}Mode (image/text/decoration/hidden), Label, Image/Text, Color, X/Y (% of hero), Z (px depth), RotX/RotY, Width/Height (fraction of min hero dimension), onWindow{N}Click (URL string or function callback).
• Cursor — customCursor, showCursorTrail, cursorTrailLength, cursorTrailFadeSpeed, cursorTrailColor.
• Wallpaper — wallpaperColor, dotColor, dotSize, dotSpacing, vignetteStrength, transparentBackground.
• Motion — parallaxStrength, perspectiveDistance, ambientFloat.

Best for

• Portfolios, design studios, and indie product launches.
• Agency landing pages with a playful, nostalgic voice.
• Any "we make strange, beautiful internet things" message.

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.