This is a submission for the DEV April Fools Challenge https://dev.to/challenges/aprilfools-2026
What I Built:
Have you ever looked at the state of modern technology and thought, "You know what we really need? A slice of pizza with an umbrella for a leg and human hands"?
No? Just me?
Welcome to the Planet X Mashup! It is a delightfully useless application dedicated to solving absolutely zero real-world problems. Instead, it serves as a gallery of chaotic, genetically spliced (or not) abominations. From the "Toaster-Mouse of Terror" to the "Spaghetti Bulldog-Vac", this project exists purely to make you question reality and hopefully snort-laugh at your desk.
Oh, and if you click on them, they wiggle. Because of course they do.
Demo
Prepare your eyeballs and witness the chaos below:
Here is the full interactive CodePen!
How I Built It:
I built this using the holy trinity of the web: HTML, CSS, and Vanilla JavaScript.
But here is the real punchline: There are zero image files in this project. No PNGs, no JPGs, no external API calls. Every single one of these cursed creatures is 100% hand-coded inline SVG.
That's right. I sat down and mathematically plotted the bezier curves and polygon coordinates to draw a pineapple with human teeth wearing a sombrero.
The interactivity is handled by a lightweight vanilla JS state manager that cycles through the array of SVG strings, and the "poke" interaction is driven by a custom CSS @keyframes wiggle animation that triggers on click.
Prize Category:
I am submitting this for Community Favorite!
Why? Because it is downright funny, completely unhinged, and guaranteed to make people laugh. In a world full of serious productivity tools and complex frameworks, sometimes you just need to look at a motorbike with celery handles and human feet and a carrot exhaust to remember why we started coding in the first place: to build weird stuff on the internet.
I hope it brings a smile to your face! 🍕🦇🥕🍍
Thank you,
Megan Lawther 04.04.2026
Top comments (0)