{"id":66181,"url":"https://github.com/manzdev/awesome-css-art","name":"awesome-css-art","description":"Design with CSS code, without images!","projects_count":69,"last_synced_at":"2026-07-01T18:00:30.398Z","repository":{"id":225333691,"uuid":"765698787","full_name":"ManzDev/awesome-css-art","owner":"ManzDev","description":"Design with CSS code, without images!","archived":false,"fork":false,"pushed_at":"2024-03-02T13:32:35.000Z","size":1398,"stargazers_count":92,"open_issues_count":0,"forks_count":5,"subscribers_count":4,"default_branch":"main","last_synced_at":"2026-06-14T08:02:22.256Z","etag":null,"topics":["awesome","awesome-list","coding","css","css-art","cssart","frontend","html","javascript","streams","twitch","webcomponents"],"latest_commit_sha":null,"homepage":"https://manz.dev/","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ManzDev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-03-01T12:50:05.000Z","updated_at":"2026-06-07T22:00:04.000Z","dependencies_parsed_at":"2024-09-24T16:01:54.571Z","dependency_job_id":"d31ff397-0c90-466a-acf3-152727a56eff","html_url":"https://github.com/ManzDev/awesome-css-art","commit_stats":{"total_commits":4,"total_committers":1,"mean_commits":4.0,"dds":0.0,"last_synced_commit":"a1b3020998f5ff10ff267bff8bad3c66a2dfc572"},"previous_names":["manzdev/awesome-css-art"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ManzDev/awesome-css-art","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManzDev%2Fawesome-css-art","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManzDev%2Fawesome-css-art/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManzDev%2Fawesome-css-art/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManzDev%2Fawesome-css-art/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ManzDev","download_url":"https://codeload.github.com/ManzDev/awesome-css-art/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManzDev%2Fawesome-css-art/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35017091,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-01T02:00:05.325Z","response_time":130,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2024-09-24T16:01:35.239Z","updated_at":"2026-07-01T18:00:30.399Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["Uncategorized"],"sub_categories":["Uncategorized"],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cimg height=\"175\" src=\"./css-art-is-awesome.png\"\u003e\n  \u003ch1\u003eAwesome CSS Art\u003c/h1\u003e\n  \u003ci\u003eDesign with CSS code, without images!\u003c/i\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://twitch.tv/ManzDev\"\u003eManzDev en Twitch\u003c/a\u003e · \u003ca href=\"https://links.manz.dev\"\u003eOtras redes\u003c/a\u003e · \u003ca href=\"https://manz.dev\"\u003eManz.dev\u003c/a\u003e\n\u003c/div\u003e\n\n---\n\n### 🕹️ Consoles\n- 🎮 Nintendo Gameboy CSS · [GitHub](https://github.com/ManzDev/twitch-gameboy-css) · [Demo](https://manzdev.github.io/twitch-gameboy-css)\n- 🎮 Nintendo Gameboy Cartridge · [GitHub](https://github.com/ManzDev/twitch-gameboy-cartridge) · [Demo](https://manzdev.github.io/twitch-gameboy-cartridge)\n- 🕹️ Nintendo Game \u0026 Watch · [GitHub](https://github.com/ManzDev/twitch-nintendo-game-watch-css) · [Demo](https://manzdev.github.io/twitch-nintendo-game-watch-css)\n- 🎮 Nintendo Switch · [GitHub](https://github.com/ManzDev/twitch-nintendo-switch) · [Demo](https://manzdev.github.io/twitch-nintendo-switch)\n- 🎮 Nintendo NES · [GitHub](https://github.com/ManzDev/twitch-nintendo-nes) · [Demo](https://manzdev.github.io/twitch-nintendo-nes)\n- 🎮 Megadrive/Sega Genesis · [GitHub](https://github.com/ManzDev/twitch-megadrive-genesis) · [Demo](https://manzdev.github.io/twitch-megadrive-genesis)\n- 🎮 PlayStation 1 (PSX) · [GitHub](https://github.com/ManzDev/twitch-psx) · [Demo](https://manzdev.github.io/twitch-psx)\n- 🎮 PlayStation Portable (PSP) · [GitHub](https://github.com/ManzDev/twitch-psp) · [Demo](https://manzdev.github.io/twitch-psp)\n- 🥚 Javagotchi · [GitHub](https://github.com/ManzDev/javagotchi) · [Demo](https://manzdev.github.io/javagotchi)\n\n![GameBoy CSS](gameboy-css.png)\n\n### 👾 Entertainment\n\n- 🤖 Punko Fop (Funko Pop Box) · [GitHub](https://github.com/ManzDev/twitch-punko-fop) · [Demo](https://manzdev.github.io/twitch-punko-fop)\n- 🕹️ Claw Machine · [GitHub](https://github.com/ManzDev/twitch-claw-machine) · [Demo](https://manzdev.github.io/twitch-claw-machine)\n- 🌌 Solar System · [GitHub](https://github.com/ManzDev/twitch-solar-system) · [Demo](https://manzdev.github.io/twitch-solar-system)\n\n![Funko CSS](funko-css.png)\n\n### 💾 Retro\n\n- 🎹 Casio Watch F-91W · [GitHub](https://github.com/ManzDev/twitch-casio) · [Demo](https://manzdev.github.io/twitch-casio)\n- 📱 Alcatel One Touch Easy · [GitHub](https://github.com/ManzDev/twitch-alcatel-one-touch-easy) · [Demo](https://manzdev.github.io/twitch-alcatel-one-touch-easy)\n- 💾 Diskette 3 1/2 · [GitHub](https://github.com/ManzDev/twitch-diskette) · [Demo](https://manzdev.github.io/twitch-diskette)\n- 🔌 ESP32 Dev Board · [GitHub](https://github.com/ManzDev/twitch-esp32-css) · [Demo](https://manzdev.github.io/twitch-esp32-css)\n- 💿 Tech Retro Covers · [GitHub](https://github.com/ManzDev/twitch-cover-dev)\n- ⌨️ Typewriter CSS · [GitHub](https://github.com/ManzDev/twitch-typewriter-css) · [Demo](https://manzdev.github.io/twitch-typewriter-css)\n- 💾 Music Cassette · [GitHub](https://github.com/ManzDev/twitch-cassette) · [Demo](https://manzdev.github.io/twitch-cassette)\n- 📎 Microsoft Clippy · [GitHub](https://github.com/ManzDev/twitch-clippy) · [Demo](https://manzdev.github.io/twitch-clippy)\n- 🎹 Casio PT1 Piano · [GitHub](https://github.com/ManzDev/twitch-casio-pt1) · [Demo](https://manzdev.github.io/twitch-casio-pt1)\n- 🎹 Casio Calculator FX39 · [GitHub](https://github.com/ManzDev/twitch-casio-fx39) · [Demo](https://manzdev.github.io/twitch-casio-fx39)\n- 📱 Nokia 3310 · [GitHub](https://github.com/ManzDev/twitch-nokia3310) · [Demo](https://manzdev.github.io/twitch-nokia3310)\n\n![Casio CSS](casio-css.png)\n\n### 📺 Devices\n\n- 📺 CRT Monitor · [GitHub](https://github.com/ManzDev/twitch-crt-monitor) · [Demo](https://manzdev.github.io/twitch-crt-monitor)\n- 📺 Retro TV · [GitHub](https://github.com/ManzDev/twitch-tv) · [Demo](https://manzdev.github.io/twitch-tv)\n- 🎮 ZX Spectrum · [GitHub](https://github.com/ManzDev/twitch-zx-spectrum) · [Demo](https://manzdev.github.io/twitch-zx-spectrum)\n- ⌨️ Keyboard CSS · [GitHub](https://github.com/ManzDev/twitch-keyboard) · [Demo](https://manzdev.github.io/twitch-keyboard)\n\n![ZX Spectrum CSS](zx-spectrum.png)\n\n### 🧙‍♂️ SciFi/Fantasy\n\n- 🚗 Delorean CSS · [GitHub](https://github.com/ManzDev/twitch-delorean-css) · [Demo](https://manzdev.github.io/twitch-delorean-css)\n- 🛸 Tars · [GitHub](https://github.com/ManzDev/twitch-tars) · [Demo](https://manzdev.github.io/twitch-tars)\n- 🛸 OVNI · [GitHub](https://github.com/ManzDev/twitch-ovni) · [Demo](https://manzdev.github.io/twitch-ovni)\n- 🔨 Stormbreaker · [GitHub](https://github.com/ManzDev/twitch-stormbreaker) · [Demo](https://manzdev.github.io/twitch-stormbreaker)\n- 🎥 Manz9000 OBS · [GitHub](https://github.com/ManzDev/twitch-manz9000-obs) · [Demo](https://manzdev.github.io/twitch-manz9000-obs)\n\n![Stormbreaker CSS](stormbreaker-css.png)\n\n### 🌌 StarWars\n\n- 🤖 AT-AT · [GitHub](https://github.com/ManzDev/twitch-at-at) · [Demo](https://manzdev.github.io/twitch-at-at)\n- 🔦 Lightsaber · [GitHub](https://github.com/ManzDev/twitch-lightsaber) · [Demo](https://manzdev.github.io/twitch-lightsaber)\n- 🚀 Millennium Falcon · [GitHub](https://github.com/ManzDev/twitch-millennium-falcon) · [Demo](https://manzdev.github.io/twitch-millennium-falcon)\n- 🤖 R2D2 · [GitHub](https://github.com/ManzDev/twitch-r2d2) · [Demo](https://manzdev.github.io/twitch-r2d2)\n\n![Lightsaber CSS](lightsaber-css.png)\n\n### 🤖 Robots\n\n- 🤖 GLaDOS Potato · [GitHub](https://github.com/ManzDev/twitch-glados-potato) · [Demo](https://manzdev.github.io/twitch-glados-potato)\n- 🔲 Companion Cube · [GitHub](https://github.com/ManzDev/twitch-companion-cube) · [Demo](https://manzdev.github.io/twitch-companion-cube)\n- 🎮 Turret Portal · [GitHub](https://github.com/ManzDev/twitch-turret) · [Demo](https://manzdev.github.io/twitch-turret/)\n- 🤖 Bender · [GitHub](https://github.com/ManzDev/twitch-bender) · [Demo](https://manzdev.github.io/twitch-bender)\n- 🤖 Wall-E Eve · [GitHub](https://github.com/ManzDev/twitch-wall-e-eve) · [Demo](https://manzdev.github.io/twitch-wall-e-eve)\n- 🤖 Robotnik · [GitHub](https://github.com/ManzDev/twitch-robotnik) · [Demo](https://manzdev.github.io/twitch-robotnik)\n\n### 🙍‍♂️ Characters\n\n- 💥 Powerpuff Girls · [GitHub](https://github.com/ManzDev/twitch-powerpuffgirls) · [Demo](https://manzdev.github.io/twitch-powerpuffgirls)\n- 😶 Noface · [GitHub](https://github.com/ManzDev/twitch-noface) · [Demo](https://manzdev.github.io/twitch-noface)\n- 🍳 Fry · [GitHub](https://github.com/ManzDev/twitch-fry) · [Demo](https://manzdev.github.io/twitch-fry)\n- 💥 Goku · [GitHub](https://github.com/ManzDev/twitch-goku) · [Demo](https://manzdev.github.io/twitch-goku)\n- 🔮 Bill Cypher · [GitHub](https://github.com/ManzDev/twitch-bill-cypher) · [Demo](https://manzdev.github.io/twitch-bill-cypher)\n- 🤣 Peter Griffin · [GitHub](https://github.com/ManzDev/twitch-peter-griffin) · [Demo](https://manzdev.github.io/twitch-peter-griffin)\n- 🛸 Ricky Morty · [GitHub](https://github.com/ManzDev/twitch-rickymorty) · [Demo](https://manzdev.github.io/twitch-rickymorty)\n- 🎮 Squid Game · [GitHub](https://github.com/ManzDev/twitch-squid-game) · [Demo](https://manzdev.github.io/twitch-squid-game)\n- 🕶 Gordon Freeman · [GitHub](https://github.com/ManzDev/twitch-gordon-freeman) · [Demo](https://manzdev.github.io/twitch-gordon-freeman)\n- 🚀 Buzz Lightyear · [GitHub](https://github.com/ManzDev/twitch-buzz-lightyear) · [Demo](https://manzdev.github.io/twitch-buzz-lightyear)\n- 😀 Face Generator · [GitHub](https://github.com/ManzDev/twitch-face-generator) · [Demo](https://manzdev.github.io/twitch-face-generator)\n- 🍩 Homer CSS · [GitHub](https://github.com/ManzDev/homer-meme-css) · [Demo](https://manzdev.github.io/homer-meme-css)\n\n### ⚡ Pokémon\n\n- 👻 Gengar · [GitHub](https://github.com/ManzDev/twitch-gengar) · [Demo](https://manzdev.github.io/twitch-gengar)\n- 👻 Haunter · [GitHub](https://github.com/ManzDev/twitch-haunter) · [Demo](https://manzdev.github.io/twitch-haunter)\n- 👻 Gastly · [GitHub](https://github.com/ManzDev/twitch-gastly) · [Demo](https://manzdev.github.io/twitch-gastly)\n- ⚡ Pikachu · [GitHub](https://github.com/ManzDev/twitch-pikachu) · [Demo](https://manzdev.github.io/twitch-pikachu)\n\n### 🎇 Seasons/places\n\n- 🌦️ Weather City · [GitHub](https://github.com/ManzDev/twitch-weather-city/) · [Demo](https://manzdev.github.io/twitch-weather-city)\n- 🎬 Cinema · [GitHub](https://github.com/ManzDev/twitch-cinema) · [Demo](https://manzdev.github.io/twitch-cinema)\n- ⛄ Snowman Ball · [GitHub](https://github.com/ManzDev/twitch-snowman-ball) · [Demo](https://manzdev.github.io/twitch-snowman-ball)\n- 🎃 Halloween 2023 · [GitHub](https://github.com/ManzDev/twitch-halloween-2023) · [Demo](https://manzdev.github.io/twitch-halloween-2023)\n- 🎅 Xmas 2021 · [GitHub](https://github.com/ManzDev/twitch-xmas-2021) · [Demo](https://manzdev.github.io/twitch-xmas-2021)\n\n### 🖥 UI\n\n- 💾 Microsoft Scandisk · [GitHub](https://github.com/ManzDev/twitch-scandisk) · [Demo](https://manzdev.github.io/twitch-scandisk)\n- ⚽ PC Futbol UI · [GitHub](https://github.com/ManzDev/twitch-pcfutbol) · [Demo](https://manzdev.github.io/twitch-pcfutbol)\n- 🌙 After Dark Screensaver · [GitHub](https://github.com/ManzDev/twitch-after-dark) · [Demo](https://manzdev.github.io/twitch-after-dark)\n- ⚽ CSS Futbol · [GitHub](https://github.com/ManzDev/css-futbol) · [Demo](https://manzdev.github.io/css-futbol)\n- 💻 Windows 95 CSS · [GitHub](https://github.com/ManzDev/twitch-win95) · [Demo](https://manzdev.github.io/twitch-win95)\n\n---\n\nHi! I'm Manz, 👨🏽‍💻 FullStack developer and 🥑 FrontEnd / WebPlatform standards advocate\n\n- 🧰 FullStack/Frontend Engineer / ❤️ [CSS](https://lenguajecss.com/) lover\n- 🎓 Teacher \u0026 Director at EOI / ex-teacher at ULL\n- 🎬 Partner content creator on Twitch \u0026 Youtube\n- 👾 Gamer \u0026 Geek (Graphic Adventures / Pixel Art)\n\n\u003e More demos and code: [https://manz.dev/streams/](https://manz.dev/streams/)\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/manzdev%2Fawesome-css-art/projects"}