Secuenciador de pasos
Ocho pads de caja de ritmos, cada uno un checkbox real, con una luz de paso que hace destellar los que están activos.
Ajustes
Código
<fieldset class="uvq02-seq"><legend>Bombo</legend><div class="pd"><label style="--i:0"><input type="checkbox" aria-label="Paso 1"><i></i></label><label style="--i:1"><input type="checkbox" aria-label="Paso 2"><i></i></label><label style="--i:2"><input type="checkbox" aria-label="Paso 3"><i></i></label><label style="--i:3"><input type="checkbox" aria-label="Paso 4"><i></i></label><label style="--i:4"><input type="checkbox" aria-label="Paso 5"><i></i></label><label style="--i:5"><input type="checkbox" aria-label="Paso 6"><i></i></label><label style="--i:6"><input type="checkbox" aria-label="Paso 7"><i></i></label><label style="--i:7"><input type="checkbox" aria-label="Paso 8"><i></i></label></div></fieldset>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Checkboxes
Ver todos: CheckboxesDónde usarlo
Inspirado en las cajas de ritmos clásicas, este bloque convierte ocho checkboxes en los pads de un secuenciador. Cada pad se queda hundido y enciende su LED rojo cuando está activo, mientras una luz recorre la fila y hace destellar los pasos marcados a compás. Funciona con teclado y lector de pantalla, y encaja en apps de música, herramientas creativas y paneles de ajustes desenfadados.
El color principal pinta los cuatro primeros pads y el secundario los cuatro últimos, como los grupos de color del hardware real. Cambia la leyenda para cada instrumento y apila varias filas para montar un editor de patrones completo.