Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/manzdev/awesome-css-art

Design with CSS code, without images!
https://github.com/manzdev/awesome-css-art
List: awesome-css-art
awesome awesome-list coding css css-art cssart frontend html javascript streams twitch webcomponents
Last synced: about 15 hours ago
JSON representation
Design with CSS code, without images!
Host: GitHub
URL: https://github.com/manzdev/awesome-css-art
Owner: ManzDev
Created: 2024-03-01T12:50:05.000Z (7 months ago)
Default Branch: main
Last Pushed: 2024-03-02T13:32:35.000Z (7 months ago)
Last Synced: 2024-09-21T02:32:47.023Z (4 days ago)
Topics: awesome, awesome-list, coding, css, css-art, cssart, frontend, html, javascript, streams, twitch, webcomponents
Homepage: https://manz.dev/
Size: 1.33 MB
Stars: 82
Watchers: 5
Forks: 5
Open Issues: 0
Metadata Files:
- Readme: README.md
Awesome Lists containing this project

README

        


  

  Awesome CSS Art

  Design with CSS code, without images!





  ManzDev en Twitch · Otras redes · Manz.dev



---

### 🕹️ Consoles

- 🎮 Nintendo Gameboy CSS · [GitHub](https://github.com/ManzDev/twitch-gameboy-css) · [Demo](https://manzdev.github.io/twitch-gameboy-css)

- 🎮 Nintendo Gameboy Cartridge · [GitHub](https://github.com/ManzDev/twitch-gameboy-cartridge) · [Demo](https://manzdev.github.io/twitch-gameboy-cartridge)

- 🕹️ Nintendo Game & Watch · [GitHub](https://github.com/ManzDev/twitch-nintendo-game-watch-css) · [Demo](https://manzdev.github.io/twitch-nintendo-game-watch-css)

- 🎮 Nintendo Switch · [GitHub](https://github.com/ManzDev/twitch-nintendo-switch) · [Demo](https://manzdev.github.io/twitch-nintendo-switch)

- 🎮 Nintendo NES · [GitHub](https://github.com/ManzDev/twitch-nintendo-nes) · [Demo](https://manzdev.github.io/twitch-nintendo-nes)

- 🎮 Megadrive/Sega Genesis · [GitHub](https://github.com/ManzDev/twitch-megadrive-genesis) · [Demo](https://manzdev.github.io/twitch-megadrive-genesis)

- 🎮 PlayStation 1 (PSX) · [GitHub](https://github.com/ManzDev/twitch-psx) · [Demo](https://manzdev.github.io/twitch-psx)

- 🎮 PlayStation Portable (PSP) · [GitHub](https://github.com/ManzDev/twitch-psp) · [Demo](https://manzdev.github.io/twitch-psp)

- 🥚 Javagotchi · [GitHub](https://github.com/ManzDev/javagotchi) · [Demo](https://manzdev.github.io/javagotchi)

![GameBoy CSS](gameboy-css.png)

### 👾 Entertainment

- 🤖 Punko Fop (Funko Pop Box) · [GitHub](https://github.com/ManzDev/twitch-punko-fop) · [Demo](https://manzdev.github.io/twitch-punko-fop)

- 🕹️ Claw Machine · [GitHub](https://github.com/ManzDev/twitch-claw-machine) · [Demo](https://manzdev.github.io/twitch-claw-machine)

- 🌌 Solar System · [GitHub](https://github.com/ManzDev/twitch-solar-system) · [Demo](https://manzdev.github.io/twitch-solar-system)

![Funko CSS](funko-css.png)

### 💾 Retro

- 🎹 Casio Watch F-91W · [GitHub](https://github.com/ManzDev/twitch-casio) · [Demo](https://manzdev.github.io/twitch-casio)

- 📱 Alcatel One Touch Easy · [GitHub](https://github.com/ManzDev/twitch-alcatel-one-touch-easy) · [Demo](https://manzdev.github.io/twitch-alcatel-one-touch-easy)

- 💾 Diskette 3 1/2 · [GitHub](https://github.com/ManzDev/twitch-diskette) · [Demo](https://manzdev.github.io/twitch-diskette)

- 🔌 ESP32 Dev Board · [GitHub](https://github.com/ManzDev/twitch-esp32-css) · [Demo](https://manzdev.github.io/twitch-esp32-css)

- 💿 Tech Retro Covers · [GitHub](https://github.com/ManzDev/twitch-cover-dev)

- ⌨️ Typewriter CSS · [GitHub](https://github.com/ManzDev/twitch-typewriter-css) · [Demo](https://manzdev.github.io/twitch-typewriter-css)

- 💾 Music Cassette · [GitHub](https://github.com/ManzDev/twitch-cassette) · [Demo](https://manzdev.github.io/twitch-cassette)

- 📎 Microsoft Clippy · [GitHub](https://github.com/ManzDev/twitch-clippy) · [Demo](https://manzdev.github.io/twitch-clippy)

- 🎹 Casio PT1 Piano · [GitHub](https://github.com/ManzDev/twitch-casio-pt1) · [Demo](https://manzdev.github.io/twitch-casio-pt1)

- 🎹 Casio Calculator FX39 · [GitHub](https://github.com/ManzDev/twitch-casio-fx39) · [Demo](https://manzdev.github.io/twitch-casio-fx39)

- 📱 Nokia 3310 · [GitHub](https://github.com/ManzDev/twitch-nokia3310) · [Demo](https://manzdev.github.io/twitch-nokia3310)

![Casio CSS](casio-css.png)

### 📺 Devices

- 📺 CRT Monitor · [GitHub](https://github.com/ManzDev/twitch-crt-monitor) · [Demo](https://manzdev.github.io/twitch-crt-monitor)

- 📺 Retro TV · [GitHub](https://github.com/ManzDev/twitch-tv) · [Demo](https://manzdev.github.io/twitch-tv)

- 🎮 ZX Spectrum · [GitHub](https://github.com/ManzDev/twitch-zx-spectrum) · [Demo](https://manzdev.github.io/twitch-zx-spectrum)

- ⌨️ Keyboard CSS · [GitHub](https://github.com/ManzDev/twitch-keyboard) · [Demo](https://manzdev.github.io/twitch-keyboard)

![ZX Spectrum CSS](zx-spectrum.png)

### 🧙‍♂️ SciFi/Fantasy

- 🚗 Delorean CSS · [GitHub](https://github.com/ManzDev/twitch-delorean-css) · [Demo](https://manzdev.github.io/twitch-delorean-css)

- 🛸 Tars · [GitHub](https://github.com/ManzDev/twitch-tars) · [Demo](https://manzdev.github.io/twitch-tars)

- 🛸 OVNI · [GitHub](https://github.com/ManzDev/twitch-ovni) · [Demo](https://manzdev.github.io/twitch-ovni)

- 🔨 Stormbreaker · [GitHub](https://github.com/ManzDev/twitch-stormbreaker) · [Demo](https://manzdev.github.io/twitch-stormbreaker)

- 🎥 Manz9000 OBS · [GitHub](https://github.com/ManzDev/twitch-manz9000-obs) · [Demo](https://manzdev.github.io/twitch-manz9000-obs)

![Stormbreaker CSS](stormbreaker-css.png)

### 🌌 StarWars

- 🤖 AT-AT · [GitHub](https://github.com/ManzDev/twitch-at-at) · [Demo](https://manzdev.github.io/twitch-at-at)

- 🔦 Lightsaber · [GitHub](https://github.com/ManzDev/twitch-lightsaber) · [Demo](https://manzdev.github.io/twitch-lightsaber)

- 🚀 Millennium Falcon · [GitHub](https://github.com/ManzDev/twitch-millennium-falcon) · [Demo](https://manzdev.github.io/twitch-millennium-falcon)

- 🤖 R2D2 · [GitHub](https://github.com/ManzDev/twitch-r2d2) · [Demo](https://manzdev.github.io/twitch-r2d2)

![Lightsaber CSS](lightsaber-css.png)

### 🤖 Robots

- 🤖 GLaDOS Potato · [GitHub](https://github.com/ManzDev/twitch-glados-potato) · [Demo](https://manzdev.github.io/twitch-glados-potato)

- 🔲 Companion Cube · [GitHub](https://github.com/ManzDev/twitch-companion-cube) · [Demo](https://manzdev.github.io/twitch-companion-cube)

- 🎮 Turret Portal · [GitHub](https://github.com/ManzDev/twitch-turret) · [Demo](https://manzdev.github.io/twitch-turret/)

- 🤖 Bender · [GitHub](https://github.com/ManzDev/twitch-bender) · [Demo](https://manzdev.github.io/twitch-bender)

- 🤖 Wall-E Eve · [GitHub](https://github.com/ManzDev/twitch-wall-e-eve) · [Demo](https://manzdev.github.io/twitch-wall-e-eve)

- 🤖 Robotnik · [GitHub](https://github.com/ManzDev/twitch-robotnik) · [Demo](https://manzdev.github.io/twitch-robotnik)

### 🙍‍♂️ Characters

- 💥 Powerpuff Girls · [GitHub](https://github.com/ManzDev/twitch-powerpuffgirls) · [Demo](https://manzdev.github.io/twitch-powerpuffgirls)

- 😶 Noface · [GitHub](https://github.com/ManzDev/twitch-noface) · [Demo](https://manzdev.github.io/twitch-noface)

- 🍳 Fry · [GitHub](https://github.com/ManzDev/twitch-fry) · [Demo](https://manzdev.github.io/twitch-fry)

- 💥 Goku · [GitHub](https://github.com/ManzDev/twitch-goku) · [Demo](https://manzdev.github.io/twitch-goku)

- 🔮 Bill Cypher · [GitHub](https://github.com/ManzDev/twitch-bill-cypher) · [Demo](https://manzdev.github.io/twitch-bill-cypher)

- 🤣 Peter Griffin · [GitHub](https://github.com/ManzDev/twitch-peter-griffin) · [Demo](https://manzdev.github.io/twitch-peter-griffin)

- 🛸 Ricky Morty · [GitHub](https://github.com/ManzDev/twitch-rickymorty) · [Demo](https://manzdev.github.io/twitch-rickymorty)

- 🎮 Squid Game · [GitHub](https://github.com/ManzDev/twitch-squid-game) · [Demo](https://manzdev.github.io/twitch-squid-game)

- 🕶 Gordon Freeman · [GitHub](https://github.com/ManzDev/twitch-gordon-freeman) · [Demo](https://manzdev.github.io/twitch-gordon-freeman)

- 🚀 Buzz Lightyear · [GitHub](https://github.com/ManzDev/twitch-buzz-lightyear) · [Demo](https://manzdev.github.io/twitch-buzz-lightyear)

- 😀 Face Generator · [GitHub](https://github.com/ManzDev/twitch-face-generator) · [Demo](https://manzdev.github.io/twitch-face-generator)

- 🍩 Homer CSS · [GitHub](https://github.com/ManzDev/homer-meme-css) · [Demo](https://manzdev.github.io/homer-meme-css)

### ⚡ Pokémon

- 👻 Gengar · [GitHub](https://github.com/ManzDev/twitch-gengar) · [Demo](https://manzdev.github.io/twitch-gengar)

- 👻 Haunter · [GitHub](https://github.com/ManzDev/twitch-haunter) · [Demo](https://manzdev.github.io/twitch-haunter)

- 👻 Gastly · [GitHub](https://github.com/ManzDev/twitch-gastly) · [Demo](https://manzdev.github.io/twitch-gastly)

- ⚡ Pikachu · [GitHub](https://github.com/ManzDev/twitch-pikachu) · [Demo](https://manzdev.github.io/twitch-pikachu)

### 🎇 Seasons/places

- 🌦️ Weather City · [GitHub](https://github.com/ManzDev/twitch-weather-city/) · [Demo](https://manzdev.github.io/twitch-weather-city)

- 🎬 Cinema · [GitHub](https://github.com/ManzDev/twitch-cinema) · [Demo](https://manzdev.github.io/twitch-cinema)

- ⛄ Snowman Ball · [GitHub](https://github.com/ManzDev/twitch-snowman-ball) · [Demo](https://manzdev.github.io/twitch-snowman-ball)

- 🎃 Halloween 2023 · [GitHub](https://github.com/ManzDev/twitch-halloween-2023) · [Demo](https://manzdev.github.io/twitch-halloween-2023)

- 🎅 Xmas 2021 · [GitHub](https://github.com/ManzDev/twitch-xmas-2021) · [Demo](https://manzdev.github.io/twitch-xmas-2021)

### 🖥 UI

- 💾 Microsoft Scandisk · [GitHub](https://github.com/ManzDev/twitch-scandisk) · [Demo](https://manzdev.github.io/twitch-scandisk)

- ⚽ PC Futbol UI · [GitHub](https://github.com/ManzDev/twitch-pcfutbol) · [Demo](https://manzdev.github.io/twitch-pcfutbol)

- 🌙 After Dark Screensaver · [GitHub](https://github.com/ManzDev/twitch-after-dark) · [Demo](https://manzdev.github.io/twitch-after-dark)

- ⚽ CSS Futbol · [GitHub](https://github.com/ManzDev/css-futbol) · [Demo](https://manzdev.github.io/css-futbol)

- 💻 Windows 95 CSS · [GitHub](https://github.com/ManzDev/twitch-win95) · [Demo](https://manzdev.github.io/twitch-win95)

---

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

- 🧰 FullStack/Frontend Engineer / ❤️ [CSS](https://lenguajecss.com/) 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/](https://manz.dev/streams/)