{"id":19655285,"url":"https://github.com/manzdev/crazy-demos-with-css-javascript","last_synced_at":"2025-02-27T02:17:24.615Z","repository":{"id":77195139,"uuid":"502362302","full_name":"ManzDev/crazy-demos-with-css-javascript","owner":"ManzDev","description":null,"archived":false,"fork":false,"pushed_at":"2022-06-11T13:56:55.000Z","size":9,"stargazers_count":8,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-01-10T00:34:51.321Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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":"2022-06-11T13:54:28.000Z","updated_at":"2022-07-21T21:07:13.000Z","dependencies_parsed_at":null,"dependency_job_id":"b5fd65c0-e055-4bb4-b85a-5379d4efbbf3","html_url":"https://github.com/ManzDev/crazy-demos-with-css-javascript","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManzDev%2Fcrazy-demos-with-css-javascript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManzDev%2Fcrazy-demos-with-css-javascript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManzDev%2Fcrazy-demos-with-css-javascript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManzDev%2Fcrazy-demos-with-css-javascript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ManzDev","download_url":"https://codeload.github.com/ManzDev/crazy-demos-with-css-javascript/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240964337,"owners_count":19885730,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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"}},"keywords":[],"created_at":"2024-11-11T15:20:15.478Z","updated_at":"2025-02-27T02:17:24.322Z","avatar_url":"https://github.com/ManzDev.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Crazy demos with CSS+Javascript\n\n\nCollection of demos created mainly with CSS (some also with Javascript or other technologies): drawings, interactive elements, creative examples, etc...\nThese demos have been created live on my [Twitch channel](https://twitch.tv/ManzDev)\n\n| Thumb | Title | Making-of video | GitHub code | Demo | Codepen | Tags |\n|-|-|-|-|-|-|-|\n| ![Ciudad animada con CSS y Javascript (Part IV)](https://img.youtube.com/vi/zz-U2FHloZE/mqdefault.jpg) | [Ciudad animada (Part IV)](https://youtu.be/zz-U2FHloZE) | [![youtube]](https://youtu.be/zz-U2FHloZE) | [![github]](https://github.com/ManzDev/twitch-weather-city) | [![ghpages]](https://manzdev.github.io/twitch-weather-city) |  | [![css]](#) [![js]](#) |\n| ![Ciudad animada con CSS y Javascript (Part III)](https://img.youtube.com/vi/1hzkatxyKPk/mqdefault.jpg) | [Ciudad animada (Part III)](https://youtu.be/1hzkatxyKPk) | [![youtube]](https://youtu.be/1hzkatxyKPk) | [![github]](https://github.com/ManzDev/twitch-weather-city) | [![ghpages]](https://manzdev.github.io/twitch-weather-city) |  | [![css]](#) [![js]](#) |\n| ![The PowerPuff Girls (Supernenas) con CSS](https://img.youtube.com/vi/gLGyy7E7n_s/mqdefault.jpg) | [The PowerPuff Girls (Supernenas)](https://youtu.be/gLGyy7E7n_s) | [![youtube]](https://youtu.be/gLGyy7E7n_s) | [![github]](https://github.com/ManzDev/twitch-powerpuffgirls) | [![ghpages]](https://manzdev.github.io/twitch-powerpuffgirls) | [![codepen]](https://codepen.io/manz/pen/BaJmVJJ) | [![css]](#) |\n| ![Ciudad animada con CSS y Javascript (Part II)](https://img.youtube.com/vi/kcRaPsZHxVA/mqdefault.jpg) | [Ciudad animada (Part II)](https://youtu.be/kcRaPsZHxVA) | [![youtube]](https://youtu.be/kcRaPsZHxVA) | [![github]](https://github.com/ManzDev/twitch-weather-city) | [![ghpages]](https://manzdev.github.io/twitch-weather-city) | [![codepen]](https://codepen.io/manz/pen/MWrmebV) | [![css]](#) [![js]](#) |\n| ![Ciudad animada con CSS y Javascript (Part I)](https://img.youtube.com/vi/uCekNkTw84Y/mqdefault.jpg) | [Ciudad animada (Part I)](https://youtu.be/uCekNkTw84Y) | [![youtube]](https://youtu.be/uCekNkTw84Y) | [![github]](https://github.com/ManzDev/twitch-weather-city) | [![ghpages]](https://manzdev.github.io/twitch-weather-city) | [![codepen]](https://codepen.io/manz/pen/MWrmebV) | [![css]](#) [![js]](#) |\n| ![Cute Solar System con CSS](https://img.youtube.com/vi/pJGpscsl7hE/mqdefault.jpg) | [Cute Solar System](https://youtu.be/pJGpscsl7hE) | [![youtube]](https://youtu.be/pJGpscsl7hE) | [![github]](https://github.com/manzdev/twitch-solar-system/) | [![ghpages]](https://manzdev.github.io/twitch-solar-system/) | [![codepen]](https://codepen.io/manz/pen/rNpeEoz) | [![css]](#) |\n| ![Sega MEGADRIVE/Genesis con CSS](https://img.youtube.com/vi/xabCn0BUhos/mqdefault.jpg) | [Sega MEGADRIVE/Genesis](https://youtu.be/xabCn0BUhos) | [![youtube]](https://youtu.be/xabCn0BUhos) | [![github]](https://github.com/ManzDev/twitch-megadrive-genesis/) | [![ghpages]](https://manzdev.github.io/twitch-megadrive-genesis/) | [![codepen]](https://codepen.io/manz/pen/mdqeXoB) | [![css]](#) |\n| ![Cartucho de Nintendo GameBoy con CSS](https://img.youtube.com/vi/zyvzwJzlumE/mqdefault.jpg) | [Cartucho de Nintendo GameBoy](https://youtu.be/zyvzwJzlumE) | [![youtube]](https://youtu.be/zyvzwJzlumE) | [![github]](https://github.com/manzdev/twitch-gameboy-cartridge/) | [![ghpages]](https://manzdev.github.io/twitch-gameboy-cartridge/) | [![codepen]](https://codepen.io/manz/pen/MWrmebV) | [![css]](#) |\n| ![Twitch Newspaper con CSS y Javascript](https://img.youtube.com/vi/nIWdkXBwWLI/mqdefault.jpg) | [Twitch Newspaper](https://youtu.be/nIWdkXBwWLI) | [![youtube]](https://youtu.be/nIWdkXBwWLI) | [![github]](https://github.com/ManzDev/twitch-newspaper/) | [![ghpages]](https://manzdev.github.io/twitch-newspaper/) |  | [![css]](#) [![js]](#) |\n| ![Alcatel One Touch Easy dibujado con CSS](https://img.youtube.com/vi/TluRUeb4V94/mqdefault.jpg) | [Alcatel One Touch Easy dibujado](https://youtu.be/TluRUeb4V94) | [![youtube]](https://youtu.be/TluRUeb4V94) | [![github]](https://github.com/manzdev/twitch-alcatel-one-touch-easy/) | [![ghpages]](https://manzdev.github.io/twitch-alcatel-one-touch-easy/) | [![codepen]](https://codepen.io/manz/pen/NWwOdRz) | [![css]](#) |\n| ![Caja Funko POP! - ManzDev (Edición limitada) con CSS](https://img.youtube.com/vi/Aq_VPZ4oTAs/mqdefault.jpg) | [Caja Funko POP! - ManzDev (Edición limitada)](https://youtu.be/Aq_VPZ4oTAs) | [![youtube]](https://youtu.be/Aq_VPZ4oTAs) | [![github]](https://github.com/ManzDev/twitch-punko-fop) | [![ghpages]](https://manzdev.github.io/twitch-punko-fop) | [![codepen]](https://codepen.io/manz/pen/YzxavEg) | [![css]](#) |\n| ![Nintendo GAMEBOY dibujada con CSS](https://img.youtube.com/vi/OjI8jMcKN8s/mqdefault.jpg) | [Nintendo GAMEBOY dibujada](https://youtu.be/OjI8jMcKN8s) | [![youtube]](https://youtu.be/OjI8jMcKN8s) | [![github]](https://github.com/ManzDev/twitch-gameboy-css) | [![ghpages]](https://manzdev.github.io/twitch-gameboy-css) | [![codepen]](https://codepen.io/manz/pen/yLzxgXj) | [![css]](#) |\n| ![PCFútbol 2.0 con CSS y WebComponents](https://img.youtube.com/vi/j1-QNzikFCY/mqdefault.jpg) | [PCFútbol 2.0 y WebComponents](https://youtu.be/j1-QNzikFCY) | [![youtube]](https://youtu.be/j1-QNzikFCY) | [![github]](https://github.com/ManzDev/twitch-pcfutbol) | [![ghpages]](https://manzdev.github.io/twitch-pcfutbol) |  | [![css]](#) |\n| ![DeLorean DMC-12 (Regreso al futuro) con CSS](https://img.youtube.com/vi/-STgWx544ro/mqdefault.jpg) | [DeLorean DMC-12 (Regreso al futuro)](https://youtu.be/-STgWx544ro) | [![youtube]](https://youtu.be/-STgWx544ro) | [![github]](https://github.com/ManzDev/twitch-delorean-css) | [![ghpages]](https://manzdev.github.io/twitch-delorean-css) | [![codepen]](https://codepen.io/manz/pen/yLzZQJy) | [![css]](#) |\n| ![Vinilos de desarrollo con CSS (I)](https://img.youtube.com/vi/pAvH5CzaXIE/mqdefault.jpg) | [Vinilos de desarrollo (I)](https://youtu.be/pAvH5CzaXIE) | [![youtube]](https://youtu.be/pAvH5CzaXIE) | [![github]](https://github.com/manzdev/twitch-cover-dev) | [![ghpages]](https://manzdev.github.io/twitch-cover-dev) |  | [![css]](#) |\n| ![Vinilos de desarrollo con CSS (II)](https://img.youtube.com/vi/-QlsSN-DKBw/mqdefault.jpg) | [Vinilos de desarrollo (II)](https://youtu.be/-QlsSN-DKBw) | [![youtube]](https://youtu.be/-QlsSN-DKBw) | [![github]](https://github.com/manzdev/twitch-cover-dev) | [![ghpages]](https://manzdev.github.io/twitch-cover-dev) |  | [![css]](#) |\n| ![Cubo 3D con CSS](https://img.youtube.com/vi/GZs95MvU2CM/mqdefault.jpg) | [Cubo 3D](https://youtu.be/GZs95MvU2CM) | [![youtube]](https://youtu.be/GZs95MvU2CM) | [![github]](https://github.com/ManzDev/twitch-retrocube) | [![ghpages]](https://manzdev.github.io/twitch-retrocube) |  | [![css]](#) |\n| ![Stormbreaker con CSS (Thor axe, Avengers, Marvel)](https://img.youtube.com/vi/SK6_0spurQI/mqdefault.jpg) | [Stormbreaker (Thor axe, Avengers, Marvel)](https://youtu.be/SK6_0spurQI) | [![youtube]](https://youtu.be/SK6_0spurQI) | [![github]](https://github.com/manzdev/twitch-stormbreaker/) | [![ghpages]](https://manzdev.github.io/twitch-stormbreaker/) | [![codepen]](https://codepen.io/manz/pen/WNZOwxw?editors=1100) | [![css]](#) |\n| ![Tarjetas (UserCard) con CSS y Javascript](https://img.youtube.com/vi/wglLeCfQILc/mqdefault.jpg) | [Tarjetas (UserCard)](https://youtu.be/wglLeCfQILc) | [![youtube]](https://youtu.be/wglLeCfQILc) | [![github]](https://github.com/manzdev/twitch-memecard/) | [![ghpages]](https://manzdev.github.io/twitch-memecard/) |  | [![css]](#) [![js]](#) |\n| ![OVNI + Spherical Cow con CSS](https://img.youtube.com/vi/nQmfuFXX3cU/mqdefault.jpg) | [OVNI + Spherical Cow](https://youtu.be/nQmfuFXX3cU) | [![youtube]](https://youtu.be/nQmfuFXX3cU) | [![github]](https://github.com/manzdev/twitch-ovni) | [![ghpages]](https://manzdev.github.io/twitch-ovni) | [![codepen]](https://codepen.io/manz/pen/mdBeQvm) | [![css]](#) |\n| ![CSS Poker Cards (con CSS)](https://img.youtube.com/vi/wIGAyJGx2kc/mqdefault.jpg) | [CSS Poker Cards (con CSS)](https://youtu.be/wIGAyJGx2kc) | [![youtube]](https://youtu.be/wIGAyJGx2kc) | [![github]](https://github.com/manzdev/twitch-css-card) | [![ghpages]](https://manzdev.github.io/twitch-css-card) | [![codepen]](https://codepen.io/manz/pen/dKWBPo) | [![css]](#) |\n| ![Buzz Lightyear con CSS](https://img.youtube.com/vi/bb2xQK9bFOc/mqdefault.jpg) | [Buzz Lightyear](https://youtu.be/bb2xQK9bFOc) | [![youtube]](https://youtu.be/bb2xQK9bFOc) | [![github]](https://github.com/manzdev/twitch-buzz-lightyear/) | [![ghpages]](https://manzdev.github.io/twitch-buzz-lightyear/) | [![codepen]](https://codepen.io/manz/pen/KKvYdaZ) | [![css]](#) |\n| ![NaNtendo: Nintendo NES con CSS](https://img.youtube.com/vi/tnTi5ocYa4o/mqdefault.jpg) | [NaNtendo: Nintendo NES](https://youtu.be/tnTi5ocYa4o) | [![youtube]](https://youtu.be/tnTi5ocYa4o) | [![github]](https://manzdev.github.io/twitch-nintendo-nes/) | [![ghpages]](https://manzdev.github.io/twitch-nintendo-nes/) | [![codepen]](https://codepen.io/manz/pen/dyzgWbo) | [![css]](#) |\n| ![Halloween (2021) con CSS](https://img.youtube.com/vi/-US-f7fvLRo/mqdefault.jpg) | [Halloween (2021)](https://youtu.be/-US-f7fvLRo) | [![youtube]](https://youtu.be/-US-f7fvLRo) | [![github]](https://manzdev.github.io/twitch-halloween-2021/) | [![ghpages]](https://manzdev.github.io/twitch-halloween-2021/) | [![codepen]](https://codepen.io/manz/pen/xxLXVvR) | [![css]](#) |\n| ![Dr. Robotnik (Sonic, SEGA) con CSS](https://img.youtube.com/vi/rPqB2blktSA/mqdefault.jpg) | [Dr. Robotnik (Sonic, SEGA)](https://youtu.be/rPqB2blktSA) | [![youtube]](https://youtu.be/rPqB2blktSA) | [![github]](https://manzdev.github.io/twitch-robotnik/) | [![ghpages]](https://manzdev.github.io/twitch-robotnik/) | [![codepen]](https://codepen.io/manz/pen/vYJgpwa) | [![css]](#) |\n| ![Squid Game (El juego del calamar) con CSS](https://img.youtube.com/vi/HvOZAy7BkJQ/mqdefault.jpg) | [Squid Game (El juego del calamar)](https://youtu.be/HvOZAy7BkJQ) | [![youtube]](https://youtu.be/HvOZAy7BkJQ) | [![github]](https://github.com/manzdev/twitch-squid-game/) | [![ghpages]](https://manzdev.github.io/twitch-squid-game/) | [![codepen]](https://codepen.io/manz/pen/RwZrqKY) | [![css]](#) |\n| ![Companion Cube (Portal) con CSS](https://img.youtube.com/vi/hMFN9feq5UI/mqdefault.jpg) | [Companion Cube (Portal)](https://youtu.be/hMFN9feq5UI) | [![youtube]](https://youtu.be/hMFN9feq5UI) | [![github]](https://github.com/manzdev/twitch-companion-cube/) | [![ghpages]](https://manzdev.github.io/twitch-companion-cube/) | [![codepen]](https://codepen.io/manz/pen/QWMWvME) | [![css]](#) |\n| ![Televisión Retro con CSS](https://img.youtube.com/vi/thvSqIo8D5s/mqdefault.jpg) | [Televisión Retro](https://youtu.be/thvSqIo8D5s) | [![youtube]](https://youtu.be/thvSqIo8D5s) | [![github]](https://github.com/manzdev/twitch-television/) | [![ghpages]](https://manzdev.github.io/twitch-television/) | [![codepen]](https://codepen.io/manz/pen/MWoRMja) | [![css]](#) |\n| ![PlayStation (PSX) con CSS](https://img.youtube.com/vi/e1_P2BBxrpo/mqdefault.jpg) | [PlayStation (PSX)](https://youtu.be/e1_P2BBxrpo) | [![youtube]](https://youtu.be/e1_P2BBxrpo) | [![github]](https://github.com/manzdev/twitch-psx/) | [![ghpages]](https://manzdev.github.io/twitch-psx/) | [![codepen]](https://codepen.io/manz/pen/GREYaYJ) | [![css]](#) |\n| ![ZX Spectrum (Sir Clive Sinclair) con CSS](https://img.youtube.com/vi/Qfq-cmqPdz4/mqdefault.jpg) | [ZX Spectrum (Sir Clive Sinclair)](https://youtu.be/Qfq-cmqPdz4) | [![youtube]](https://youtu.be/Qfq-cmqPdz4) | [![github]](https://github.com/manzdev/twitch-zx-spectrum/) | [![ghpages]](https://manzdev.github.io/twitch-zx-spectrum/) | [![codepen]](https://codepen.io/manz/pen/eYRMgQV) | [![css]](#) |\n| ![Gordon Freeman (Half-life) con CSS](https://img.youtube.com/vi/7xaoL-1hPu8/mqdefault.jpg) | [Gordon Freeman (Half-life)](https://youtu.be/7xaoL-1hPu8) | [![youtube]](https://youtu.be/7xaoL-1hPu8) | [![github]](https://github.com/manzdev/twitch-gordon-freeman/) | [![ghpages]](https://manzdev.github.io/twitch-gordon-freeman/) | [![codepen]](https://codepen.io/manz/pen/rNwmXmG) | [![css]](#) |\n| ![R2D2 (StarWars) con CSS](https://img.youtube.com/vi/du0cMfKlfWA/mqdefault.jpg) | [R2D2 (StarWars)](https://youtu.be/du0cMfKlfWA) | [![youtube]](https://youtu.be/du0cMfKlfWA) | [![github]](https://github.com/manzdev/twitch-r2d2/) | [![ghpages]](https://manzdev.github.io/twitch-r2d2/) | [![codepen]](https://codepen.io/manz/pen/ExXgeLj) | [![css]](#) |\n| ![GLaDOS Potato (Portal) con CSS](https://img.youtube.com/vi/358jJTPcHtU/mqdefault.jpg) | [GLaDOS Potato (Portal)](https://youtu.be/358jJTPcHtU) | [![youtube]](https://youtu.be/358jJTPcHtU) | [![github]](https://github.com/manzdev/twitch-glados-potato/) | [![ghpages]](https://manzdev.github.io/twitch-glados-potato/) | [![codepen]](https://codepen.io/manz/pen/WNOQgGb) | [![css]](#) |\n| ![Halcón Milenario (StarWars) con CSS](https://img.youtube.com/vi/wq2pMh9yLFo/mqdefault.jpg) | [Halcón Milenario (StarWars)](https://youtu.be/wq2pMh9yLFo) | [![youtube]](https://youtu.be/wq2pMh9yLFo) | [![github]](https://github.com/manzdev/twitch-millennium-falcon/) | [![ghpages]](https://manzdev.github.io/twitch-millennium-falcon/) | [![codepen]](https://codepen.io/manz/pen/RwgbMdN) | [![css]](#) |\n| ![Monitor retro (CRT) con CSS](https://img.youtube.com/vi/q9wRjIPo8Rw/mqdefault.jpg) | [Monitor retro (CRT)](https://youtu.be/q9wRjIPo8Rw) | [![youtube]](https://youtu.be/q9wRjIPo8Rw) | [![github]](https://github.com/manzdev/twitch-crt-monitor/) | [![ghpages]](https://manzdev.github.io/twitch-crt-monitor/) | [![codepen]](https://codepen.io/manz/details/yLbrpGV) | [![css]](#) |\n| ![Nokia 3310 con CSS](https://img.youtube.com/vi/w3sVve42kBQ/mqdefault.jpg) | [Nokia 3310](https://youtu.be/w3sVve42kBQ) | [![youtube]](https://youtu.be/w3sVve42kBQ) | [![github]](https://github.com/manzdev/twitch-nokia-3310/) | [![ghpages]](https://manzdev.github.io/twitch-nokia-3310/) | [![codepen]](https://codepen.io/manz/pen/zYwMVxN) | [![css]](#) |\n| ![Tablero de ajedrez con CSS](https://img.youtube.com/vi/Er7eU1aiLNY/mqdefault.jpg) | [Tablero de ajedrez](https://youtu.be/Er7eU1aiLNY) | [![youtube]](https://youtu.be/Er7eU1aiLNY) | [![github]](https://github.com/manzdev/twitch-chessmanzter/) | [![ghpages]](https://manzdev.github.io/twitch-chessmanzter/) |  | [![css]](#) |\n| ![Carta de ajustes (TestCard) con CSS](https://img.youtube.com/vi/RJMitl4y8i4/mqdefault.jpg) | [Carta de ajustes (TestCard)](https://youtu.be/RJMitl4y8i4) | [![youtube]](https://youtu.be/RJMitl4y8i4) | [![github]](https://github.com/manzdev/twitch-testcard/) | [![ghpages]](https://manzdev.github.io/twitch-testcard/) | [![codepen]](https://codepen.io/manz/pen/JjNMRdm) | [![css]](#) |\n| ![Calculadora Casio FX-39 con CSS](https://img.youtube.com/vi/5U2uvPPPAFc/mqdefault.jpg) | [Calculadora Casio FX-39](https://youtu.be/5U2uvPPPAFc) | [![youtube]](https://youtu.be/5U2uvPPPAFc) | [![github]](https://github.com/manzdev/twitch-casio-fx39/) | [![ghpages]](https://manzdev.github.io/twitch-casio-fx39/) | [![codepen]](https://codepen.io/manz/pen/ExmgGmR) | [![css]](#) |\n| ![Piano Casio PT-1 con CSS](https://img.youtube.com/vi/bvGy7Vk0XzQ/mqdefault.jpg) | [Piano Casio PT-1](https://youtu.be/bvGy7Vk0XzQ) | [![youtube]](https://youtu.be/bvGy7Vk0XzQ) | [![github]](https://github.com/manzdev/twitch-casio-pt1/) | [![ghpages]](https://manzdev.github.io/twitch-casio-pt1/) | [![codepen]](https://codepen.io/manz/pen/KKmdjQZ) | [![css]](#) |\n| ![Cinta de cassette con CSS](https://img.youtube.com/vi/enQcc4l-P3c/mqdefault.jpg) | [Cinta de cassette](https://youtu.be/enQcc4l-P3c) | [![youtube]](https://youtu.be/enQcc4l-P3c) | [![github]](https://github.com/manzdev/twitch-cassette/) | [![ghpages]](https://manzdev.github.io/twitch-cassette/) | [![codepen]](https://codepen.io/manz/pen/qBmWYdo) | [![css]](#) |\n| ![Espada láser (StarWars Lightsaber) con CSS](https://img.youtube.com/vi/1fyGdzbT228/mqdefault.jpg) | [Espada láser (StarWars Lightsaber)](https://youtu.be/1fyGdzbT228) | [![youtube]](https://youtu.be/1fyGdzbT228) | [![github]](https://github.com/manzdev/twitch-lightsaber/) | [![ghpages]](https://manzdev.github.io/twitch-lightsaber/) | [![codepen]](https://codepen.io/manz/pen/ZEeNLGe) | [![css]](#) |\n| ![AT-AT Imperial Walker (StarWars) con CSS](https://img.youtube.com/vi/MegsEbZGYZI/mqdefault.jpg) | [AT-AT Imperial Walker (StarWars)](https://youtu.be/MegsEbZGYZI) | [![youtube]](https://youtu.be/MegsEbZGYZI) | [![github]](https://github.com/manzdev/twitch-at-at/) | [![ghpages]](https://manzdev.github.io/twitch-at-at/) | [![codepen]](https://codepen.io/manz/pen/vYxvLYd) | [![css]](#) |\n| ![Tamagotchi con CSS](https://img.youtube.com/vi/39qlI5eeajQ/mqdefault.jpg) | [Tamagotchi](https://youtu.be/39qlI5eeajQ) | [![youtube]](https://youtu.be/39qlI5eeajQ) | [![github]](https://github.com/manzdev/twitch-tamagotchi/) | [![ghpages]](https://manzdev.github.io/twitch-tamagotchi/) | [![codepen]](https://codepen.io/manz/pen/ExWeKjB) | [![css]](#) |\n| ![Teclado (Keyboard) con CSS](https://img.youtube.com/vi/BK7sK_MikPc/mqdefault.jpg) | [Teclado (Keyboard)](https://youtu.be/BK7sK_MikPc) | [![youtube]](https://youtu.be/BK7sK_MikPc) | [![github]](https://github.com/manzdev/twitch-keyboard/) | [![ghpages]](https://manzdev.github.io/twitch-keyboard/) |  | [![css]](#) |\n| ![Reloj Casio F-91W con CSS](https://img.youtube.com/vi/QxQnaqEyhyU/mqdefault.jpg) | [Reloj Casio F-91W](https://youtu.be/QxQnaqEyhyU) | [![youtube]](https://youtu.be/QxQnaqEyhyU) | [![github]](https://github.com/manzdev/twitch-casio/) | [![ghpages]](https://manzdev.github.io/twitch-casio/) | [![codepen]](https://codepen.io/manz/pen/KKWmWLb) | [![css]](#) |\n| ![Turret (Portal) con CSS](https://img.youtube.com/vi/7t5e_aTi4Wo/mqdefault.jpg) | [Turret (Portal)](https://youtu.be/7t5e_aTi4Wo) | [![youtube]](https://youtu.be/7t5e_aTi4Wo) | [![github]](https://github.com/manzdev/twitch-turret/) | [![ghpages]](https://manzdev.github.io/twitch-turret/) | [![codepen]](https://codepen.io/manz/pen/YzZGPYj) | [![css]](#) |\n| ![Sin cara (El viaje de Chihiro) con CSS](https://img.youtube.com/vi/JGOQk6cqBaE/mqdefault.jpg) | [Sin cara (El viaje de Chihiro)](https://youtu.be/JGOQk6cqBaE) | [![youtube]](https://youtu.be/JGOQk6cqBaE) | [![github]](https://github.com/manzdev/twitch-noface/) | [![ghpages]](https://manzdev.github.io/twitch-noface/) | [![codepen]](https://codepen.io/manz/pen/ExWyQpM) | [![css]](#) |\n| ![Eve (Wall-E) con CSS](https://img.youtube.com/vi/q-Hc8_PuxeM/mqdefault.jpg) | [Eve (Wall-E)](https://youtu.be/q-Hc8_PuxeM) | [![youtube]](https://youtu.be/q-Hc8_PuxeM) | [![github]](https://github.com/manzdev/twitch-wall-e-eve/) | [![ghpages]](https://manzdev.github.io/twitch-wall-e-eve/) | [![codepen]](https://codepen.io/manz/pen/Popqmze) | [![css]](#) |\n| ![Wall-E con CSS](https://img.youtube.com/vi/-CmmLN3s_mY/mqdefault.jpg) | [Wall-E](https://youtu.be/-CmmLN3s_mY) | [![youtube]](https://youtu.be/-CmmLN3s_mY) | [![github]](https://github.com/manzdev/twitch-wall-e/) | [![ghpages]](https://manzdev.github.io/twitch-wall-e/) | [![codepen]](https://codepen.io/manz/pen/Popqmze) | [![css]](#) |\n| ![This is fine (Meme) con CSS](https://img.youtube.com/vi/sCLL0Pf3MT0/mqdefault.jpg) | [This is fine (Meme)](https://youtu.be/sCLL0Pf3MT0) | [![youtube]](https://youtu.be/sCLL0Pf3MT0) | [![github]](https://github.com/manzdev/twitch-this-is-fine/) | [![ghpages]](https://manzdev.github.io/twitch-this-is-fine/) | [![codepen]](https://codepen.io/manz/pen/NWdQPoq) | [![css]](#) |\n| ![Pikachu (Pokémon) con CSS](https://img.youtube.com/vi/PTh6GL0e3A0/mqdefault.jpg) | [Pikachu (Pokémon)](https://youtu.be/PTh6GL0e3A0) | [![youtube]](https://youtu.be/PTh6GL0e3A0) | [![github]](https://github.com/manzdev/twitch-pikachu/) | [![ghpages]](https://manzdev.github.io/twitch-pikachu/) | [![codepen]](https://codepen.io/manz/pen/zYwjjQP) | [![css]](#) |\n| ![Rick y Morty con CSS](https://img.youtube.com/vi/ZWIgWulXQFg/mqdefault.jpg) | [Rick y Morty](https://youtu.be/ZWIgWulXQFg) | [![youtube]](https://youtu.be/ZWIgWulXQFg) | [![github]](https://github.com/manzdev/twitch-rickymorty/) | [![ghpages]](https://manzdev.github.io/twitch-rickymorty/) | [![codepen]](https://codepen.io/manz/pen/JjEqVaB) | [![css]](#) |\n| ![Diskette 3½ (Floppy Disk) con CSS](https://img.youtube.com/vi/jSia5SigafE/mqdefault.jpg) | [Diskette 3½ (Floppy Disk)](https://youtu.be/jSia5SigafE) | [![youtube]](https://youtu.be/jSia5SigafE) | [![github]](https://github.com/manzdev/twitch-diskette/) | [![ghpages]](https://manzdev.github.io/twitch-diskette/) | [![codepen]](https://codepen.io/manz/pen/abJXVLg) | [![css]](#) |\n| ![Gengar (Pokémon) con CSS](https://img.youtube.com/vi/gKe9qOyRRh8/mqdefault.jpg) | [Gengar (Pokémon)](https://youtu.be/gKe9qOyRRh8) | [![youtube]](https://youtu.be/gKe9qOyRRh8) | [![github]](https://github.com/manzdev/twitch-gengar/) | [![ghpages]](https://manzdev.github.io/twitch-gengar/) | [![codepen]](https://codepen.io/manz/pen/ExWqqbp) | [![css]](#) |\n| ![Haunter (Pokémon) con CSS](https://img.youtube.com/vi/uGBnNmYIaYw/mqdefault.jpg) | [Haunter (Pokémon)](https://youtu.be/uGBnNmYIaYw) | [![youtube]](https://youtu.be/uGBnNmYIaYw) | [![github]](https://github.com/manzdev/twitch-haunter/) | [![ghpages]](https://manzdev.github.io/twitch-haunter/) | [![codepen]](https://codepen.io/manz/pen/ExWqqbp) | [![css]](#) |\n| ![Gastly (Pokémon) con CSS](https://img.youtube.com/vi/jg_zk9akBzk/mqdefault.jpg) | [Gastly (Pokémon)](https://youtu.be/jg_zk9akBzk) | [![youtube]](https://youtu.be/jg_zk9akBzk) | [![github]](https://github.com/manzdev/twitch-gastly/) | [![ghpages]](https://manzdev.github.io/twitch-gastly/) | [![codepen]](https://codepen.io/manz/pen/ExWqqbp) | [![css]](#) |\n| ![Fry (Futurama) con CSS](https://img.youtube.com/vi/ug_DfYeK2So/mqdefault.jpg) | [Fry (Futurama)](https://youtu.be/ug_DfYeK2So) | [![youtube]](https://youtu.be/ug_DfYeK2So) | [![github]](https://github.com/manzdev/twitch-fry/) | [![ghpages]](https://manzdev.github.io/twitch-fry/) |  | [![css]](#) |\n| ![Goku (Dragon Ball) con CSS](https://img.youtube.com/vi/CODHzxeY5Sc/mqdefault.jpg) | [Goku (Dragon Ball)](https://youtu.be/CODHzxeY5Sc) | [![youtube]](https://youtu.be/CODHzxeY5Sc) | [![github]](https://github.com/manzdev/twitch-goku/) | [![ghpages]](https://manzdev.github.io/twitch-goku/) |  | [![css]](#) |\n| ![Dalek (Doctor Who) con CSS](https://img.youtube.com/vi/UYHxYP_b9b0/mqdefault.jpg) | [Dalek (Doctor Who)](https://youtu.be/UYHxYP_b9b0) | [![youtube]](https://youtu.be/UYHxYP_b9b0) | [![github]](https://github.com/manzdev/twitch-dalek/) | [![ghpages]](https://manzdev.github.io/twitch-dalek/) |  | [![css]](#) |\n| ![Peter Griffin (Family Guy) con CSS](https://img.youtube.com/vi/yuXS8_t3mOA/mqdefault.jpg) | [Peter Griffin (Family Guy)](https://youtu.be/yuXS8_t3mOA) | [![youtube]](https://youtu.be/yuXS8_t3mOA) | [![github]](https://github.com/manzdev/twitch-peter-griffin/) | [![ghpages]](https://manzdev.github.io/twitch-peter-griffin/) |  | [![css]](#) |\n| ![Bill Cypher (Gravity Falls) con CSS](https://img.youtube.com/vi/p2crAxNrrYw/mqdefault.jpg) | [Bill Cypher (Gravity Falls)](https://youtu.be/p2crAxNrrYw) | [![youtube]](https://youtu.be/p2crAxNrrYw) | [![github]](https://github.com/manzdev/twitch-bill-cypher/) | [![ghpages]](https://manzdev.github.io/twitch-bill-cypher/) |  | [![css]](#) |\n| ![Bender con CSS](https://img.youtube.com/vi/avMntSu5GAE/mqdefault.jpg) | [Bender](https://youtu.be/avMntSu5GAE) | [![youtube]](https://youtu.be/avMntSu5GAE) | [![github]](https://github.com/manzdev/twitch-bender/) | [![ghpages]](https://manzdev.github.io/twitch-bender/) | [![codepen]](https://codepen.io/manz/pen/LYWYvzZ) | [![css]](#) |\n| ![Internet Explorer animado con CSS](https://img.youtube.com/vi/vU0e8ES7MSg/mqdefault.jpg) | [Internet Explorer animado](https://youtu.be/vU0e8ES7MSg) | [![youtube]](https://youtu.be/vU0e8ES7MSg) | [![github]](https://github.com/manzdev/demo-browser/) | [![ghpages]](https://manzdev.github.io/demo-browser/) |  | [![css]](#) |\n\n[More streams](https://manz.dev/streams)\n\n[youtube]: youtube.svg \"Youtube\"\n[github]: github.svg \"GitHub\"\n[ghpages]: ghpages.svg \"GitHub Pages\"\n[codepen]: codepen.svg \"Codepen\"\n[css]: css.svg \"CSS\"\n[js]: javascript.svg \"Javascript\"\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanzdev%2Fcrazy-demos-with-css-javascript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmanzdev%2Fcrazy-demos-with-css-javascript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanzdev%2Fcrazy-demos-with-css-javascript/lists"}