Jeder Frontend-Entwickler kennt den Ablauf: Man will einen sanften Schatten, einen glatten Verlauf oder einen Hover-Effekt, der sich richtig anfühlt — aber das Feintuning bedeutet blind Zahlen zu ändern, den Browser neu zu laden und das zehnmal zu wiederholen, bis es korrekt aussieht. CSSmith ersetzt diese Schleife durch Regler, Farbwähler und eine Live-Vorschau, die sich sofort aktualisiert.

Was drin ist:

• Box Shadow — unendlich viele Schattenebenen stapeln, jede mit eigenem Offset, Unschärfe, Ausdehnung, Farbe und Inset-Schalter

• Gradient — lineare, radiale und konische Verläufe mit unbegrenzten Farbstopps

• Border Radius — individuelle Eckensteuerung, plus eine Ein-Klick-Schaltfläche zum „Zufällig”-Erzeugen organischer Blobs

• Hover-Effekt — Skalierung, Verschiebung, Drehung und Schatten beim Hover, mit einer Live-Vorschau, über die man tatsächlich hovern kann

• Glassmorphism — Hintergrund-Weichzeichnung, Transparenz und Rahmensteuerung für den frosted-glass-Look

• Text Shadow — einschließlich eines Ein-Klick-Neon-Glühmodus

• Button Generator — vollständige Button-Styling mit funktionierendem Hover-Zustand

• Animation — Fade, Slide, Bounce, Pulse und Spin Keyframes mit einstellbarem Ease und Dauer

Unbegrenzte Presets pro Tool speichern, das CSS jedes Generators mit einem einzigen Klick in eine saubere Datei exportieren oder Ihre Presets als JSON exportieren/importieren, um zwischen Maschinen zu wechseln.

Keine Abhängigkeiten, kein Build-Schritt — eine einzelne HTML-Datei, die überall geöffnet, überall gehostet oder direkt in ein Projekt eingefügt werden kann.