Cargando
HTML + CSSLoader

Plasmakugel

Plasmablitze zucken aus dem Kern einer Glaskugel und sammeln sich dort, wo dein Finger oder Mauszeiger sie berührt.

Einstellungen

16px
1x

Code

<div class="uvq10-pls" role="status"><span class="sr">Wird geladen</span><div class="gl" aria-hidden="true"><svg viewBox="-50 -50 100 100"><g class="fs"></g><circle class="cr" r="7"/><circle class="tp" r="3.2" cx="0" cy="-44"/></svg><i class="sh"></i></div><i class="bs" aria-hidden="true"></i></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.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Loader

Alle ansehen: Loader

Wofür du ihn nutzen kannst

Eine Plasmalampe in SVG: Sieben Entladungen verlassen eine leuchtende Elektrode und wandern durch die Kugel, mehrmals pro Sekunde von einem kurzen Skript mit neuem Zittern gezeichnet. Fahr mit Zeiger oder Finger über das Glas, und drei Blitze springen mit hellem Punkt an diese Stelle. Passt zu Wissenschaftsmuseen, Gaming-Seiten und Tech-Events.

Die Hauptfarbe bestimmt die Blitze, die zweite den Nebel im Inneren, so wird aus Pink und Blau Grün oder Bernstein. Sie reagiert auf Maus und Touch und zeichnet bei reduzierter Bewegung nur neu, wenn sich der Zeiger bewegt.