1. 01Wähle oben den Reiter Radius, clip-path, cubic-bezier oder Ladeanimation.
2. 02Wechsle auf der Radius-Seite zwischen „vier Ecken“ und dem 8-Werte-Ellipsenmodus und passe die horizontalen/vertikalen Prozentwerte der vier Ecken an oder übernimm eine Voreinstellung.
3. 03Zieh auf der clip-path-Seite Polygonecken, lösche sie per Doppelklick und lege über die Schaltfläche neue an; zieh auf der Bezier-Seite die zwei Kontrollpunkte und vergleiche die Animation mit linear.
4. 04Wähle auf der Loader-Seite die Hauptfarbe und kopiere aus den 12 Animationen direkt das passende HTML + CSS.

• Jeder horizontale/vertikale Radius liegt zwischen 0–100%; es gibt 8 Voreinstellungen wie Kreis, Blatt, Tropfen und Blütenblatt; „Zufällige Form“ nutzt Math.random(), nicht das öffentliche Web-Crypto-Zufallsmodul.
• clip-path enthält 12 Voreinstellungen wie Dreieck, Raute, Fünf- bis Achteck, Fünfstern, Pfeil, Kreuz, Sprechblase und Trapez; mindestens 3 Ecken bleiben erhalten, neue Ecken werden am Mittelpunkt der aktuell längsten Kante eingefügt.
• Bei cubic-bezier sind die beiden x-Kontrollwerte auf 0–1 festgelegt, y darf -0.5–1.5 annehmen, um Vorlauf und Rückfederung zu ermöglichen; die Animationsvorschau läuft 0,3–3 Sekunden, das Codebeispiel zeigt fest 600ms Transition.
• Es gibt insgesamt 12 Loader, darunter Ring, Doppelbogen, drei Punkte, Balken, Puls, Ripple, Orbit, 3×3-Raster, Fortschrittsbalken und Flip; beim Kopieren sind HTML und CSS enthalten.
• Was es nicht macht: kein Ausführen beliebigen Nutzer-CSS, kein vollständiger visueller Layout-Editor und kein automatisches Schreiben in Projektdateien.

Alle CSS-Parameter, Vorschauen und kopierten Ergebnisse entstehen nur auf der aktuellen Browserseite; nichts wird hochgeladen und kein fremder Code ausgeführt.