Turn any photo into a neon-infused, glitchy punk hacker avatar in seconds.
Drag & drop your image or use a URL to see yourself transformed with glowing borders, animated overlays, and a hacker-level aesthetic.
- 🌌 Matrix-inspired animated background
- 🎨 Real-time image transformation with neon filters & glitch effects
- 📥 Drag & Drop or URL-based image upload
- 🖤 Dark mode by default (because light attracts bugs)
- 😂 Auto-rotating hacker jokes to keep you caffeinated
- 📤 Download your Punk Hacker avatar as PNG
- HTML5 + CSS3 (custom animations, gradients, and filters)
- JavaScript (vanilla, no frameworks)
- Google Fonts: Orbitron & Courier Prime for that cyberpunk feel
Clone the repo and open the HTML file in your browser:
git clone https://github.com/visualGravitySense/punk_hacker_transformation.git
cd punk_hacker_transformation
open punk_hacker_transform.htmlOr just double-click punk_hacker_transform.html.
- Drag and drop an image into the upload zone
- Or paste an image URL in the input field and hit ЗАГРУЗИТЬ (Load)
- Hit INITIATE TRANSFORMATION to apply random punk effects
- Save your masterpiece with 📥 DOWNLOAD PUNK VERSION
| Before | After |
|---|---|
Made with ☕ and 🔥 by visualGravitySense
This project is for fun and educational purposes only. No actual hacking skills are included 😅.
---
Do you want me to:
✅ **Keep this “punk/hacker aesthetic”** with emojis and neon style?
✅ Or make a **clean professional version** (good for GitHub trending)?
✅ Or **both** (punk for README, clean for project description)?
✅ And should I embed a **screenshot of the app** in the README?