Audio-Spektrum
Übereinanderliegende Wellen, die wie ein Musik-Visualizer schwingen und zu den Rändern hin sanft auslaufen.
Einstellungen
Code
<div class="pt-spectrum"><canvas></canvas></div>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 Hintergründe
Wofür du ihn nutzen kannst
Diese Wellen passen zu allem, was klingt: der Website eines Podcasts, der Release-Seite einer neuen Single, der Landingpage eines Sprachassistenten oder der Buchungsseite einer DJane. Sie bewegen sich von selbst und reagieren nicht auf echtes Audio, das hält sie einfach und berechenbar. Ein animierter Schallwellen-Hintergrund auf Canvas mit etwas JavaScript.
Die Zahl der Linien hängt am Dichte-Regler: Zwei oder drei wirken elegant, zehn energisch und voll. Setz die Überschrift über oder unter das mittlere Band, denn dort schlagen die Wellen am stärksten aus.