Awesome CSS Art

Design with CSS code, without images!

🕹️ Consoles

• 🎮 Nintendo Gameboy CSS · GitHub · Demo
• 🎮 Nintendo Gameboy Cartridge · GitHub · Demo
• 🕹️ Nintendo Game & Watch · GitHub · Demo
• 🎮 Nintendo Switch · GitHub · Demo
• 🎮 Nintendo NES · GitHub · Demo
• 🎮 Megadrive/Sega Genesis · GitHub · Demo
• 🎮 PlayStation 1 (PSX) · GitHub · Demo
• 🎮 PlayStation Portable (PSP) · GitHub · Demo
• 🥚 Javagotchi · GitHub · Demo

👾 Entertainment

• 🤖 Punko Fop (Funko Pop Box) · GitHub · Demo
• 🕹️ Claw Machine · GitHub · Demo
• 🌌 Solar System · GitHub · Demo

💾 Retro

• 🎹 Casio Watch F-91W · GitHub · Demo
• 📱 Alcatel One Touch Easy · GitHub · Demo
• 💾 Diskette 3 1/2 · GitHub · Demo
• 🔌 ESP32 Dev Board · GitHub · Demo
• 💿 Tech Retro Covers · GitHub
• ⌨️ Typewriter CSS · GitHub · Demo
• 💾 Music Cassette · GitHub · Demo
• 📎 Microsoft Clippy · GitHub · Demo
• 🎹 Casio PT1 Piano · GitHub · Demo
• 🎹 Casio Calculator FX39 · GitHub · Demo
• 📱 Nokia 3310 · GitHub · Demo

📺 Devices

• 📺 CRT Monitor · GitHub · Demo
• 📺 Retro TV · GitHub · Demo
• 🎮 ZX Spectrum · GitHub · Demo
• ⌨️ Keyboard CSS · GitHub · Demo

🧙‍♂️ SciFi/Fantasy

• 🚗 Delorean CSS · GitHub · Demo
• 🛸 Tars · GitHub · Demo
• 🛸 OVNI · GitHub · Demo
• 🔨 Stormbreaker · GitHub · Demo
• 🎥 Manz9000 OBS · GitHub · Demo

🌌 StarWars

• 🤖 AT-AT · GitHub · Demo
• 🔦 Lightsaber · GitHub · Demo
• 🚀 Millennium Falcon · GitHub · Demo
• 🤖 R2D2 · GitHub · Demo

🤖 Robots

• 🤖 GLaDOS Potato · GitHub · Demo
• 🔲 Companion Cube · GitHub · Demo
• 🎮 Turret Portal · GitHub · Demo
• 🤖 Bender · GitHub · Demo
• 🤖 Wall-E Eve · GitHub · Demo
• 🤖 Robotnik · GitHub · Demo

🙍‍♂️ Characters

• 💥 Powerpuff Girls · GitHub · Demo
• 😶 Noface · GitHub · Demo
• 🍳 Fry · GitHub · Demo
• 💥 Goku · GitHub · Demo
• 🔮 Bill Cypher · GitHub · Demo
• 🤣 Peter Griffin · GitHub · Demo
• 🛸 Ricky Morty · GitHub · Demo
• 🎮 Squid Game · GitHub · Demo
• 🕶 Gordon Freeman · GitHub · Demo
• 🚀 Buzz Lightyear · GitHub · Demo
• 😀 Face Generator · GitHub · Demo
• 🍩 Homer CSS · GitHub · Demo

⚡ Pokémon

• 👻 Gengar · GitHub · Demo
• 👻 Haunter · GitHub · Demo
• 👻 Gastly · GitHub · Demo
• ⚡ Pikachu · GitHub · Demo

🎇 Seasons/places

• 🌦️ Weather City · GitHub · Demo
• 🎬 Cinema · GitHub · Demo
• ⛄ Snowman Ball · GitHub · Demo
• 🎃 Halloween 2023 · GitHub · Demo
• 🎅 Xmas 2021 · GitHub · Demo

🖥 UI

• 💾 Microsoft Scandisk · GitHub · Demo
• ⚽ PC Futbol UI · GitHub · Demo
• 🌙 After Dark Screensaver · GitHub · Demo
• ⚽ CSS Futbol · GitHub · Demo
• 💻 Windows 95 CSS · GitHub · Demo

Hi! I'm Manz, 👨🏽‍💻 FullStack developer and 🥑 FrontEnd / WebPlatform standards advocate

• 🧰 FullStack/Frontend Engineer / ❤️ CSS lover
• 🎓 Teacher & Director at EOI / ex-teacher at ULL
• 🎬 Partner content creator on Twitch & Youtube
• 👾 Gamer & Geek (Graphic Adventures / Pixel Art)

More demos and code: https://manz.dev/streams/