ConceptWeb PlatformsAI Integration

Wrecked.site

Famous websites, completely ruined — lovingly crafted parody pages

Visit Live Site →

Overview

The Problem

The internet takes itself too seriously. Wrecked.site provides a creative outlet for web development skills applied to comedy, with a shareable format designed for viral distribution.

Wrecked.site is a web app where users pick a famous website and a ridiculous theme, and get served a lovingly crafted parody version. The site's layout and UX patterns are faithfully recreated, but every element is reimagined through the chosen theme with absurd animations, sound effects, anti-UX gags, and visual chaos.

The concept features 30 themes (Pirate, Medieval, Zombie Apocalypse, Japanese Game Show, etc.) and 30 famous sites (Google, LinkedIn, Amazon, etc.), each with carefully paired "perfect match" combinations designed for maximum comedic contrast. Google becomes a conspiracy board. LinkedIn becomes a wrestling entrance ramp. gov.uk gets the Bollywood treatment.

This is not a screenshot filter — each combination is a standalone interactive page built to be genuinely funny, shareable, and technically impressive in how thoroughly it commits to the bit.

30

Themes

30

Famous Sites

900

Possible Combos

0%

Seriousness Level

Key Features

30 x 30 Combinations

30 themes and 30 famous sites with curated "perfect match" pairings. Google + Conspiracy Theory, LinkedIn + Wrestling, gov.uk + Bollywood, and more.

Anti-UX Gag Library

Buttons that dodge the cursor, search bars with absurd autocomplete, scroll direction that randomly reverses, and cookie consent banners that take over 90% of the screen.

Sound Design

Theme-specific sound palettes using Web Audio API: cannon fire for Pirate, chiptune for 8-Bit, Bollywood stings for gov.uk, and Gordon Ramsay quotes for Kitchen Nightmare.

Easter Eggs

Konami code triggers even more unhinged versions. A "Normal Mode" toggle that does absolutely nothing. An "accessibility" menu that makes everything worse.

AI Page Generation (Phase 2)

Claude API generates themed pages from site URLs, with pre-built layout templates and a theme system that swaps visuals and copy.

Shareability

Each page generates OG image previews showing the wrecked site. Designed for viral distribution on developer communities and social media.

Technology Stack

Frontend

Astro / HTML / CSS / JSGSAP (animations)Web Audio API

AI (Phase 2)

Claude API (page generation)Templating system

Infrastructure

Netlify / Vercel (static)Cloudflare R2 (media)

Community (Phase 3)

Turso / PlanetScaleClerk Auth

View More Projects

Explore the full portfolio of web platforms, data pipelines, and AI-powered tools.

Back to Portfolio