Zona de proyectos de Manz.dev

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!

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)

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:

Webapp

Talk / Slides

Datos	Descripción	Fecha	Stars
spotimanz	Music Manz Player (a.k.a. SpotiManz) astroclonecssjavascriptspotifywebapp	2024-05-29	77 ⭐
mtmi	JavaScript library to read Twitch chat without account browserbundenolibrarynodetwitchtypescript	2024-07-29	63 ⭐
shama	Local Llama.cpp + opencode for development aillamacppscriptterminal	2026-04-25	48 ⭐
vite-plugin-supersvg	A Vite plugin to create SVG sprites for easy use. astroiconssvgsvg-spritevite	2025-06-21	39 ⭐
dotfiles	Dotfiles bashdotfilesterminalwsl	2022-04-20	24 ⭐
bootcamp-2026	Bootcamp Desarrollo web ManzDev 2026 aibootcampdevelopmentfrontendjavascriptprogramacion	2026-02-25	21 ⭐
script-type	Learn differences between script defer, async and modules asyncdeferesmhtmlmodulescript	2021-08-04	21 ⭐
twitch-diplopollo	DiploPollo™ (para streamers) ¡Sorprende a tus viewers! chickenjavascriptobsoverlaystreamerstwitch	2023-10-20	19 ⭐
eslint-config-manzdev	Configuration for ESLint (Javascript Linter) javascriptlinter	2023-06-10	18 ⭐
css-grid-cards	CSS Grid Cards: Talk for TLP Tenerife 2018/CanariasJS 2018 cssflexflexboxgridjavascriptpostcssslidestalks	2018-07-14	13 ⭐
frontend-el-lado-oscuro	Front-end: El lado oscuro (II Congreso de Informática de la Universidad de La Laguna) slidestalks	2016-11-29	11 ⭐
ComfyUI	Docker image to use ComfyUI on Windows / WSL2 aicomfyuidockerwsl	2025-12-22	10 ⭐
stylelint-config-manzdev	Configuration for StyleLint (CSS Linter) csslinter	2023-06-10	9 ⭐
manzdev-retos-template	Manz.dev retos template	2022-05-02	9 ⭐
twitch-animated-login	Visual Login with animated avatar interaction with email and password fields animatedcssfuninteractionloginpassword	2021-12-07	9 ⭐
ambient-light	Ambient light web component for color backlight into images experimentsjavascriptwebcomponents	2025-11-25	7 ⭐
cligpt	Command to answer question from terminal cli aiclinodejsopenaiterminal	2024-03-23	7 ⭐
css-futbol	CSS Fútbol: Talk for TLP Tenerife 2019 cssfutboljavascriptslidestalksttswebcomponents	2019-06-27	7 ⭐
pageload	Small and agnostic javascript library for easy page loading spinner. Ready for ES Modules. javascriptjslibraryloadloadingpagespinner	2019-12-29	6 ⭐
mz-chat	MZChat: Overlay Twitch chat for OBS chatjavascriptobsoverlaytwitch	2025-06-23	5 ⭐
html-periodic-table	HTML Periodic Table csshtmljavascriptperiodic-table	2024-01-25	5 ⭐
htmlreally	🏷️❓ A HTML5 quiz to test your knowledge about tags frontendhtmlhtml5quiztest	2019-05-14	5 ⭐
starworkshop-jsday	CSS/JS Challenges for Canarias JSDay 2018 canariasjschallengescssjavascriptjsjsdayslidestalks	2018-11-02	4 ⭐
design-patterns	A Bootcamp webpage about Design Patterns created with AI agent aicssjavascriptopencodepatterns-design	2026-03-06	3 ⭐
cssreally	A CSS Stress Test game csstestvuewebapp	2023-03-12	3 ⭐
twitch-puppeteer	A website generator with puppeteer experimentsjavascriptpuppeteerscreenshot-generator	2023-02-15	3 ⭐
twitch-battery-drum	WebComponent Battery Drums batterycssexperimentsfunjavascript	2021-11-11	3 ⭐
twitch-circle-menu	CSS Circular buttons effect cssexperimentsjavascript	2024-05-10	2 ⭐
htmltags	HTML Tags game htmljavascripttagstest	2024-02-04	2 ⭐
twitch-userlist-ui	A Control Panel for review Twitch stream users cssexperimentsjavascriptserveruiwebcomponents	2023-10-13	2 ⭐
color-cubes	Pixel color cubes experiment cubeexperimentjavascriptpixel	2023-05-17	2 ⭐
twitch-snow-js	A overlay snow screen for OBS obsoverlaysnowwinter	2022-12-11	2 ⭐
twitch-1kb	Website = 1024 bytes 1kbcsshtmljsminificationoptimizationwebsite	2022-09-18	2 ⭐
twitch-compare-slider	Compare Image Slider with Javascript (Webcomponents) compareimagesjavascriptsliderwebcomponents	2022-06-07	2 ⭐
twitch-dvd-screensaver	DVD Screen Saver (The Office meme) with WebComponents dvdfunjavascriptscreensaverthe-officewebcomponents	2022-04-06	2 ⭐
twitch-pixel-editor	Pixel art editor with HTML/CSS/Javascript csseditorfunjavascriptmanzdevpixelpixelart	2021-12-02	2 ⭐
cursobloggers2013	«Combatir problemas con tu blog sin llegar a la violencia (física)» (Ponencia CursoBloggers, Murcia 2013) blogbloggingslidestalks	2016-03-28	2 ⭐
twitch-image-reveal	Image reveal component experiment cssexperimentimage-revealjavascript	2026-01-15	1 ⭐
twitch-canvas-experiments	Barrer Simulator 2025 canvasexperimentsjavascripttailwindcss	2025-01-16	1 ⭐
djtututu	Afor DJ (Tututu) - The best music experience! cssfunjavascript	2023-04-05	1 ⭐
twitch-subs-gallery	OBS Scene Twitch Subs gallery galleryobsoverlayscenesubstwitch	2022-07-09	1 ⭐
twitch-aprendiendo-docker		2022-06-23	1 ⭐
twitch-css-specificity-calc	CSS Specificity Calculator	2022-03-02	1 ⭐
twitch-chat-phaser	Twitch game with Phaser + tmi.js	2021-11-30	1 ⭐
subs-mp4-mkv	Automate subs for MP4 / MKV with Aegisub and ffmpeg aegisubslidestalks	2017-07-17	1 ⭐
libra	Javascript libraries comparison javascriptlibrary-comparison	2025-06-11	0 ⭐
twitch-gamepad-api	Control Gamepad from Javascript app experimentsgamepadjavascript	2025-02-28	0 ⭐
js-reference	Javascript reference interactivejavascriptjsreference	2024-12-07	0 ⭐
twitch-color-tool	Color generator cssjavascript	2023-11-16	0 ⭐
twitch-manztree	Manztree (Linktree clone) cssjavascript	2022-10-23	0 ⭐
twitch-card-parallax	Card Parallax with Vanilla JS/CSS cardscssjavascriptparallaxvanilla	2022-06-14	0 ⭐
twitch-minimanzdev	manzdevminimanzdevtwitch	2022-05-15	0 ⭐
twitch-phaser-suprise	Twitch realtime game (surprise open box) with Phaser	2021-12-08	0 ⭐
optimization-benchmark	{ HTML/CSS/JS Minifiers } + { PNG/JPG/SVG/Audio/Video Optimizators } benchmark	2018-10-17	0 ⭐
pokerrordex	Pokemon Go Error Pokedex errorsfunpokemonpokemon-gopokerrordex	2017-09-27	0 ⭐