### *Your photos called. They want their 2003 back.*
A retro photo editor that turns your boring 48MP shots into authentic early-2000s digital camera masterpieces.
Film grain. RGB split. Pixelation. Vignette. The whole aesthetic.
🔗 Try it live → mahankenway.github.io/digi-rawr
DigiRawr is a browser-based photo editor that recreates the look and feel of early 2000s digital cameras — the era of 1.3MP sensors, purple-tinted LCD screens, and photos that looked terrible in the most beautiful way possible.
Upload any modern photo. Get back something that looks like it was taken on a Sony Cyber-shot at a 2004 house party.
┌─────────────────────────────────────────────────────────────────┐
│ │
│ 📷 PRESETS One-click retro transformations │
│ ───────────────────────────────────────────────────────── │
│ • Digicam Classic → The OG digital camera look │
│ • Y2K Aesthetic → Pink, chrome, and butterfly clips │
│ • Goth Dark → When your soul matches your photos │
│ • Emo Purple → For your MySpace profile pic │
│ • Glitch Core → Reality is broken (on purpose) │
│ │
│ 🎛️ ADJUSTMENTS Fine-tune everything │
│ ───────────────────────────────────────────────────────── │
│ • Brightness / Contrast / Saturation / Hue │
│ • Temperature / Exposure / Shadows / Highlights │
│ │
│ 🌫️ LO-FI EFFECTS The good stuff │
│ ───────────────────────────────────────────────────────── │
│ • Film Grain → Authentic sensor noise │
│ • Vignette → Dark corners = instant mood │
│ • RGB Split → Chromatic aberration on demand │
│ • Pixelation → Lower the resolution, raise the vibe │
│ │
│ 🎨 STICKERS Y2K & Goth themed decorations │
│ ───────────────────────────────────────────────────────── │
│ • Drag, drop, resize — curated retro sticker collection │
│ │
└─────────────────────────────────────────────────────────────────┘
digi-rawr/
├── src/
│ ├── components/
│ │ ├── Canvas/ # HTML5 Canvas real-time rendering engine
│ │ ├── Filters/ # Preset system + adjustment sliders
│ │ ├── Panels/ # Filter & sticker selection panels
│ │ ├── Toolbar/ # Action bar (save, reset, undo)
│ │ ├── Windows/ # Draggable floating windows (OS-style)
│ │ └── Layout/ # App shell + responsive header
│ ├── constants/ # Filter presets, sticker data
│ ├── hooks/ # Custom React hooks
│ ├── types/ # TypeScript definitions
│ └── utils/ # Canvas manipulation utilities
├── public/ # Static assets
└── .github/workflows/ # Auto-deploy to GitHub Pages
git clone https://github.com/MahanKenway/digi-rawr.git
cd digi-rawr
npm install
npm run devOpen http://localhost:5173 — upload a photo — watch the magic happen.
| Layer | Technology |
|---|---|
| Framework | React 19 |
| Language | TypeScript (strict) |
| Build | Vite |
| Styling | Tailwind CSS 4 |
| Animations | Framer Motion |
| Icons | Lucide React |
| Rendering | HTML5 Canvas API |
| Routing | React Router v7 |
| Deploy | GitHub Pages (auto) |
Modern phone cameras are too good. Every photo is 108MP of clinical perfection. Where's the soul? Where's the grain? Where's the accidental purple tint from a $30 Kodak EasyShare?
DigiRawr exists because imperfection is beautiful. Because the best photos from 2003 were taken on cameras with fewer megapixels than your calculator. Because sometimes you want your selfie to look like it was uploaded to Photobucket at 2am on a school night.
MIT — Take it, fork it, make it even more chaotic.
