Make Aero

Your go-to tools for creating authentic Frutiger Aero styles - glossy buttons, shiny orbs, and glass window frames, all customizable and filled with nostalgia.

makeaero.com

Features

Button Generator

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)
• Live preview with instant CSS output

Glossy Orb Generator

Generate glossy orb 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

Window Glass Generator

Generate Windows 7 Aero-style glass window frames with:

• Configurable window title and dimensions
• Glass color and opacity controls
• Optional menu bar (File, Edit, Format, View, Help)
• Authentic title bar with min/max/close controls
• Copy both CSS and HTML output

Tech Stack

• Next.js 15 (App Router, static export)
• React 19
• Tailwind CSS v3
• shadcn/ui components
• Shiki for syntax highlighting
• Canvas API for image generation

Development

pnpm install
pnpm dev

Build for production:

pnpm build

The site is statically exported to the out/ directory.

Related Projects

• Win7 Simu - Windows 7 simulator in the browser
• Brick 1100 - Nokia 1100 simulator

License

MIT