Über dieses Regal

KI-Coding-Tools liefern immer wieder dieselbe Oberfläche: abgerundete Cards, weiche Schatten, irgendwo ein lila Verlauf. Sie können mehr. Nur sagt ihnen niemand genau, wie mehr aussieht, also ist diese Seite ein Stapel genauer Beschreibungen.

Was hier ist

CSS-Snippets (Buttons, Cards und weitere Regale, sobald sie sich füllen), benannte Design-Stile und neuere CSS-Features mit Browser-Support, geprüft im September 2026. Jeder Eintrag hat das CSS, das Markup und einen Prompt, der das Ergebnis in Zahlen beschreibt, damit ein Tool es nachbauen kann, ohne den Code zu sehen.

Was hier nicht ist

Kein Login, keine Likes, keine Komponentenbibliothek zum Installieren, kein Framework. Die Snippets sind reines CSS, jeweils auf eine Klasse begrenzt. Die Demos auf jeder Seite sind das echte CSS im Einsatz, keine Screenshots. Sieht eine Demo in deinem Browser falsch aus, muss das Snippet repariert werden, und du siehst das auf einen Blick.

Woher der Inhalt kommt

Alle Snippets wurden für diese Seite geschrieben. Nichts ist von CodePen oder einem Komponenten-Marktplatz übernommen, und das zählt, weil solche Quellen Lizenzen mitbringen, die das Einfügen in ein Kundenprojekt nicht überstehen. Die Support-Zahlen auf den Neu-in-CSS-Seiten nennen ihre Quellen (Release Notes, Baseline, caniuse), damit du sie selbst prüfen kannst.

Wer dahintersteckt

Eine Person, als Nebenprojekt in einer Familie kleiner Tool-Seiten mit je einem Zweck. Der Unterhalt kostet etwa eine Domain im Jahr. Hat eine Seite einen Fehler oder ist eine Support-Zahl veraltet, geht es am schnellsten, wenn du die Seitenadresse per Mail an hello bei dieser Domain schickst.