Your go-to tools for creating authentic Frutiger Aero styles - glossy buttons, shiny orbs, glass window frames, dreamy wallpapers, and profile pictures, all customizable and filled with nostalgia.
Create Frutiger Aero-style buttons with customizable sizes, colors, and glossy effects using the OKLCH color system. Copy the generated CSS and HTML to use anywhere.
- 10 color presets + custom hue picker
- Adjustable saturation and glow intensity
- 3 size variants (small, medium, large) and 3 shapes (pill, rounded, Aero rect)
- Optional diagonal glass shine sweep — the classic Web 2.0 glare streak
- Period-authentic font choices (Lucida Grande, Segoe UI, Myriad Pro, Tahoma)
- Live preview with instant CSS output
Generate glossy orb and soap-bubble effects in two modes:
- CSS Orb - configure size, color, saturation, and gloss intensity to generate pure CSS code with a radial gradient sphere and specular highlight
- Image Orb - upload your own logo or image, composite it inside a glossy orb effect, and download as a high-res PNG
- Soap Bubble style - switch either mode to a transparent, thin-film glass bubble with an iridescent rainbow rim, available as CSS or a downloadable transparent PNG
Generate a self-contained Windows 7 Aero-style glass window — our own implementation with zero dependencies (no framework, no icon fonts, no images). Copy the CSS and HTML and drop it on any background.
- Configurable window title, dimensions, and body content
- Glass color, opacity, and border-radius controls, with real
backdrop-filterfrosting - Glossy caption buttons (minimize/maximize/close) drawn in pure CSS with authentic Aero hover glows
- Optional menu bar (File, Edit, Format, View, Help) and status bar with resize gripper
- Active / inactive (focused) window states
- Copy both CSS and HTML output
Generate the iconic Frutiger Aero wallpaper across a range of scenes — glowing skies, floating iridescent bubbles, drifting clouds, underwater god-rays and aurora nights.
- Scene presets - Clear Sky, Meadow, Sunset, Underwater, and Aurora Night, one click away
- 3 environments - Day Sky, Underwater (deep gradient + descending god-rays), and Night (aurora ribbons + stars)
- 4 resolution presets (Desktop HD, 2K, Square, Mobile)
- 5 color presets + custom hue picker, adjustable sun position
- Layered scene elements: iridescent bubbles, bokeh/stars, drifting clouds, light rays, grass horizon, vignette, and optional film grain
- Adjustable element density with a shuffleable random layout
- Download as a high-res PNG, or copy an approximate CSS background
Make a glossy Frutiger Aero profile picture (avatar) and download it as a transparent PNG.
- Content: upload a photo/logo, or use initials (with color) or an emoji
- Aero scene backgrounds: Sky, Meadow, Underwater, Sunset, Aurora Night, or a solid glossy color, with a custom hue picker
- Circle or rounded-square (squircle) shape
- Glossy Web 2.0 sheen with adjustable intensity
- Rim styles: none, glossy ring, or iridescent bubble
- Export at 256, 512, or 1024 px, with a shuffleable background layout
- Next.js 15 (App Router, static export)
- React 19
- Tailwind CSS v3
- shadcn/ui components
- Shiki for syntax highlighting
- Canvas API for image generation
pnpm install
pnpm devBuild for production:
pnpm buildThe site is statically exported to the out/ directory.
- Win7 Simu - Windows 7 simulator in the browser
- Brick 1100 - Nokia 1100 simulator
MIT