Drumcomputer-Pad
Ein Gummipad, das umso heller leuchtet, je näher an der Mitte du es triffst, mit der Anschlagstärke in der Ecke.
Einstellungen
Code
<button class="uvq01-pad" type="button"><span class="lt" aria-hidden="true"></span><span class="t">Kick</span><span class="v" aria-hidden="true">VEL <b>000</b></span></button>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Buttons
Alle ansehen: ButtonsWofür du ihn nutzen kannst
Angelehnt an die Pads von Samplern und Drumcomputern liest dieser quadratische Gummi-Button, wo du ihn triffst: Schläge in der Mitte leuchten voll, Schläge am Rand bleiben schwächer, und eine kleine Anzeige zeigt die Anschlagstärke von 0 bis 127. Das Licht verglimmt wie eine LED unter durchscheinendem Silikon. Passt zu Musik-Apps, Beat-Makern, Soundboards und verspielten Dashboards.
Die Hauptfarbe ist die LED, die Zweitfarbe das helle Zentrum des Aufleuchtens, Magenta mit Gelb oder Cyan mit Weiß funktionieren gleichermaßen. Nutze die Beschriftung für den Klangnamen und baue aus mehreren Pads ein ganzes Kit.