---
title: "Wrecked.site"
url: https://hurricane.works/ai/projects/wrecked/
description: "Famous websites, completely ruined — lovingly crafted parody pages"
status: "Concept"
categories: ["Web Platforms", "AI Integration"]
---

# Wrecked.site

Famous websites, completely ruined — lovingly crafted parody pages

**Status:** Concept
**Live URL:** https://wrecked.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.

## 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 / JS
- GSAP (animations)
- Web Audio API

### AI (Phase 2)
- Claude API (page generation)
- Templating system

### Infrastructure
- Netlify / Vercel (static)
- Cloudflare R2 (media)

### Community (Phase 3)
- Turso / PlanetScale
- Clerk Auth