Design for AISchluss mit dem
Standard-KI-Look
Jede Kachel auf dieser Seite läuft live. Kopiere das CSS, oder kopiere den Prompt und lass Claude Code, Cursor, v0 oder Lovable es pixelgenau nachbauen.
In Bewegung
Loader, Pulse und Shimmer, als reines CSS. Jeder bringt seine eigenen Keyframes mit.
Glass CorridorsNightbus
Rotating edge
A conic gradient spins around the card using a registered custom property.
Zuletzt kopiert
Snippets
Buttons und Cards, gerendert aus ihrem eigenen CSS, jedes auf einer Kachel in der Farbe des Exemplars. Fahr mit der Maus drüber: der zweite Zustand gehört zum Rezept.
Designing for quiet interfaces
Why the best screens are the ones you barely notice, and how to get there.
Read more- Name
- Theo Baptiste
- Role
- Staff engineer
- ID
- #04211
Design
Line numbers in errors
Every stack trace links to the file and line.
3 drafts
Hover to fan the pile.
Stile
Ein Prompt setzt Palette, Schrift, Radius und Schatten für ein ganzes Projekt. Jedes Poster ist in seinen eigenen Tokens gezeichnet, Button inklusive.
Neu in CSS
Neueres CSS, nach dem du einen Agenten beim Namen fragen solltest. Jedes Fenster zeigt das Feature im Einsatz auf einer Seite; die Zahlen sind die erste stabile Version pro Browser.
Style ein Elternelement nach seinem Inhalt, ohne JS-Zustandsklasse.
Chrome 105
Edge 105
Safari 15.4
Firefox 121
Spätere Layer gewinnen, egal wie spezifisch die Regel darunter ist.
Chrome 99Edge 99Safari 15.4Firefox 97
Zwei Animationen auf einer Property, addiert statt ersetzt.
Chrome 112Edge 112Safari 16Firefox 115
Anchored below, flips above near the bottom edge.
Tooltips und Menüs heften sich an ihren Auslöser und klappen am Rand um.
Chrome 125Edge 125Safari 26Firefox 147