Introducción
Si te gusta la programación y desarrollar proyectos, quizás te interese esta sección. En ella podrás echar un vistazo a todos los proyectos que hemos ido haciendo, y que se escapan (un poco) del ámbito creativo. ¡Veamos algunos ejemplos!
Music Manz Player
Dentro del proyecto music.manz.dev tenemos una sección Music Manz Player, un clon de Spotify que desarrollamos en directo y en el que hemos colocado las canciones que vamos generando con IA.
Está desarrollado con HTML, CSS y Javascript nativo utilizando Astro y tienes el código en GitHub: SpotiManz (Music Manz Player)
Twitch mtmi
También hemos desarrollado mtmi, un cliente Javascript que permite conectar al chat de Twitch y recuperar mensajes, suscripciones o ciertos eventos sin necesidad de tener una cuenta o registrarse, pudiendo hacerlo desde un frontend anónimamente.
Está desarrollado con Typescript y se puede utilizar en navegadores, Node, Bun o Deno: mtmi
Listado de proyectos
A continuación, un listado con todos los trabajos, proyectos y experimentos que hemos ido realizando en algunos directos (o incluso fuera de ellos) y tenemos el código en GitHub:
| Datos | Descripción | Fecha | Stars | Demo | Lang |
|---|---|---|---|---|---|
| spotimanz | Music Manz Player (a.k.a. SpotiManz) astroclonecssjavascriptspotifywebapp | 84 ⭐ | |||
| mtmi | JavaScript library to read Twitch chat without account browserbundenolibrarynodetwitchtypescript | 66 ⭐ | |||
| shama | Local Llama.cpp + opencode for development aillamacppscriptterminal | 51 ⭐ | |||
| vite-plugin-supersvg | A Vite plugin to create SVG sprites for easy use. astroiconssvgsvg-spritevite | 43 ⭐ | |||
| dotfiles | Dotfiles bashdotfilesterminalwsl | 28 ⭐ | |||
| bootcamp-2026 | Bootcamp Desarrollo web ManzDev 2026 aibootcampdevelopmentfrontendjavascriptprogramacion | 26 ⭐ | |||
| script-type | Learn differences between script defer, async and modules asyncdeferesmhtmlmodulescript | 22 ⭐ | |||
| eslint-config-manzdev | Configuration for ESLint (Javascript Linter) javascriptlinter | 20 ⭐ | |||
| twitch-diplopollo | DiploPollo™ (para streamers) ¡Sorprende a tus viewers! chickenjavascriptobsoverlaystreamerstwitch | 19 ⭐ | |||
| css-grid-cards | CSS Grid Cards: Talk for TLP Tenerife 2018/CanariasJS 2018 cssflexflexboxgridjavascriptpostcssslidestalks | 14 ⭐ | |||
| frontend-el-lado-oscuro | Front-end: El lado oscuro (II Congreso de Informática de la Universidad de La Laguna) slidestalks | 12 ⭐ | |||
| ComfyUI | Docker image to use ComfyUI on Windows / WSL2 aicomfyuidockerwsl | 11 ⭐ | |||
| stylelint-config-manzdev | Configuration for StyleLint (CSS Linter) csslinter | 9 ⭐ | |||
| manzdev-retos-template | Manz.dev retos template | 9 ⭐ | |||
| twitch-animated-login | Visual Login with animated avatar interaction with email and password fields animatedcssfuninteractionloginpassword | 9 ⭐ | |||
| ambient-light | Ambient light web component for color backlight into images experimentsjavascriptwebcomponents | 8 ⭐ | |||
| cligpt | Command to answer question from terminal cli aiclinodejsopenaiterminal | 8 ⭐ | |||
| pageload | Small and agnostic javascript library for easy page loading spinner. Ready for ES Modules. javascriptjslibraryloadloadingpagespinner | 7 ⭐ | |||
| css-futbol | CSS Fútbol: Talk for TLP Tenerife 2019 cssfutboljavascriptslidestalksttswebcomponents | 7 ⭐ | |||
| mz-chat | MZChat: Overlay Twitch chat for OBS chatjavascriptobsoverlaytwitch | 6 ⭐ | |||
| html-periodic-table | HTML Periodic Table csshtmljavascriptperiodic-table | 5 ⭐ | |||
| htmlreally | 🏷️❓ A HTML5 quiz to test your knowledge about tags frontendhtmlhtml5quiztest | 5 ⭐ | |||
| design-patterns | A Bootcamp webpage about Design Patterns created with AI agent aicssjavascriptopencodepatterns-design | 4 ⭐ | |||
| cssreally | A CSS Stress Test game csstestvuewebapp | 4 ⭐ | |||
| starworkshop-jsday | CSS/JS Challenges for Canarias JSDay 2018 canariasjschallengescssjavascriptjsjsdayslidestalks | 4 ⭐ | |||
| twitch-puppeteer | A website generator with puppeteer experimentsjavascriptpuppeteerscreenshot-generator | 3 ⭐ | |||
| twitch-battery-drum | WebComponent Battery Drums batterycssexperimentsfunjavascript | 3 ⭐ | |||
| twitch-image-reveal | Image reveal component experiment cssexperimentimage-revealjavascript | 2 ⭐ | |||
| twitch-canvas-experiments | Barrer Simulator 2025 canvasexperimentsjavascripttailwindcss | 2 ⭐ | |||
| twitch-circle-menu | CSS Circular buttons effect cssexperimentsjavascript | 2 ⭐ | |||
| htmltags | HTML Tags game htmljavascripttagstest | 2 ⭐ | |||
| twitch-userlist-ui | A Control Panel for review Twitch stream users cssexperimentsjavascriptserveruiwebcomponents | 2 ⭐ | |||
| color-cubes | Pixel color cubes experiment cubeexperimentjavascriptpixel | 2 ⭐ | |||
| twitch-snow-js | A overlay snow screen for OBS obsoverlaysnowwinter | 2 ⭐ | |||
| twitch-1kb | Website = 1024 bytes 1kbcsshtmljsminificationoptimizationwebsite | 2 ⭐ | |||
| twitch-compare-slider | Compare Image Slider with Javascript (Webcomponents) compareimagesjavascriptsliderwebcomponents | 2 ⭐ | |||
| twitch-dvd-screensaver | DVD Screen Saver (The Office meme) with WebComponents dvdfunjavascriptscreensaverthe-officewebcomponents | 2 ⭐ | |||
| twitch-pixel-editor | Pixel art editor with HTML/CSS/Javascript csseditorfunjavascriptmanzdevpixelpixelart | 2 ⭐ | |||
| cursobloggers2013 | «Combatir problemas con tu blog sin llegar a la violencia (física)» (Ponencia CursoBloggers, Murcia 2013) blogbloggingslidestalks | 2 ⭐ | |||
| libra | Javascript libraries comparison javascriptlibrary-comparison | 1 ⭐ | |||
| twitch-gamepad-api | Control Gamepad from Javascript app experimentsgamepadjavascript | 1 ⭐ | |||
| js-reference | Javascript reference interactivejavascriptjsreference | 1 ⭐ | |||
| twitch-color-tool | Color generator cssjavascript | 1 ⭐ | |||
| djtututu | Afor DJ (Tututu) - The best music experience! cssfunjavascript | 1 ⭐ | |||
| twitch-subs-gallery | OBS Scene Twitch Subs gallery galleryobsoverlayscenesubstwitch | 1 ⭐ | |||
| twitch-aprendiendo-docker | 1 ⭐ | ||||
| twitch-css-specificity-calc | CSS Specificity Calculator | 1 ⭐ | |||
| twitch-chat-phaser | Twitch game with Phaser + tmi.js | 1 ⭐ | |||
| subs-mp4-mkv | Automate subs for MP4 / MKV with Aegisub and ffmpeg aegisubslidestalks | 1 ⭐ | |||
| IHE-retromadrid-2014 | Innocent Hill Engine (Retromadrid, 2014) conversationalgame-engineretroslidestalks | 1 ⭐ | |||
| twitch-manztree | Manztree (Linktree clone) cssjavascript | 0 ⭐ | |||
| twitch-card-parallax | Card Parallax with Vanilla JS/CSS cardscssjavascriptparallaxvanilla | 0 ⭐ | |||
| twitch-minimanzdev | manzdevminimanzdevtwitch | 0 ⭐ | |||
| twitch-phaser-suprise | Twitch realtime game (surprise open box) with Phaser | 0 ⭐ | |||
| optimization-benchmark | { HTML/CSS/JS Minifiers } + { PNG/JPG/SVG/Audio/Video Optimizators } benchmark | 0 ⭐ | |||
| pokerrordex | Pokemon Go Error Pokedex errorsfunpokemonpokemon-gopokerrordex | 0 ⭐ |