Glas- und Rahmen-Effekte
Milchglas, Verlaufsrahmen und Leuchten für Karten und Hero-Bereiche. Echtes CSS mit Vorschau, kopierbar als CSS, Tailwind oder HTML.
Im Editor öffnenUI-Effekte
Glas, Schatten, Bento-Raster und Verläufe als fertiger Code für Karten, Knöpfe und Layouts. Kopieren und direkt im Projekt einfügen.
6 Generatoren
CSS-Schatten-Generator
Weiche, mehrschichtige Schatten für Karten und Buttons. Vorschau mit echtem CSS, Export als box-shadow, Tailwind oder drop-shadow.
Im Editor öffnen
Bento-Grid
Ungleich grosse, abgerundete Kacheln in einem Raster, ohne Lücken. Für Feature-Sektionen, Portfolios und Social-Grafiken, als CSS Grid, Tailwind oder Bild.
Im Editor öffnen
CSS-Verlauf
Lineare, radiale und konische Verläufe mit sanften Übergängen in OKLCH. Als CSS, SVG oder Bild exportieren.
Im Editor öffnen
Streifenverlauf
Senkrechte Streifen mit je eigenem Verlauf, leicht gegeneinander versetzt. Als PNG, JPG, WebP, SVG oder CSS exportieren.
Im Editor öffnen
Blob-Generator
Organische Formen per Klick, mit Farbe, Kontur oder Verlauf. Als SVG oder Bild exportieren.
Im Editor öffnen