Design for AIMarkdown-Zwillinge
Jedes Snippet, jeder Stil und jedes Neu in CSS-Feature existiert zweimal: als die Seite, die du gerade liest, und als reine Markdown-Datei unter derselben Adresse mit .md am Ende. Agenten lesen das Markdown; Menschen lesen die Seite. Der maschinenlesbare Index ist /llms.txt.
Buttons
btn-001 Tinte flach
btn-002 Kobalt Block
btn-003 Mint soft-flat
btn-004 Karmesin breit
btn-005 Schiefer eckig
btn-006 Sonnenblume fett
btn-007 Violett Spationierung
btn-008 Anthrazit mini
btn-009 Haarlinie Outline
btn-010 Kräftige Outline-Füllung
btn-011 Ghost Text
btn-012 Gestrichelte Outline
btn-013 Doppellinie Outline
btn-014 Ghost mit Hover-Rahmen
btn-015 Rosé Outline-Pille
btn-016 Ghost invertiert (dunkel)
btn-017 Klassische Pille
btn-018 Zweifarbige Pille
btn-019 Pille mit Ring
btn-020 Squircle
btn-021 Schrumpf-Pille
btn-022 Kapsel mit Punkt
btn-023 Asymmetrischer Radius
btn-024 Sonnenuntergang Verlauf
btn-025 Aurora Shift
btn-026 Verlaufsrahmen
btn-027 Verlaufstext Ghost
btn-028 Tiefsee
btn-029 Radialer Hotspot
btn-030 Mesh Pastell
btn-031 Metallic Gold
btn-032 Milchglas-Pille
btn-033 Dunkles Glas
btn-034 Glas mit Leuchtkante
btn-035 Klarglas-Button
btn-036 Glas Segment-Tab
btn-037 Glas mit Innenlicht
btn-038 Soft erhaben
btn-039 Soft gedrückt
btn-040 Soft Kreis-Icon
btn-041 Soft Dark Mode
btn-042 Soft Pille Akzent
btn-043 Soft Toggle-Chip
btn-044 Neo-brutal Gelb
btn-045 Neo-brutal Pink-Pille
btn-046 Brutalist Mono
btn-047 Neo-brutal Farbschatten
btn-048 Brutalist Streifen
btn-049 Neo-brutal dunkel
btn-050 Brutalist Tag
btn-051 Candy Press
btn-052 Keycap
btn-053 Arcade Rot
btn-054 Kipp-Druck
btn-055 Gestapelte Ebenen
btn-056 Chrom Fase
btn-057 Glut Slide-Füllung
btn-058 Aufsteigende Füllung
btn-059 Zentrum Bloom
btn-060 Diagonaler Wipe
btn-061 Geteilter Vorhang
btn-062 Rollladen von oben
btn-063 Ecken-Sweep
btn-064 Text-Swap Slide
btn-065 Unterstrich wächst
btn-066 Unterstrich aus Mitte
btn-067 Rahmen-Trace
btn-068 Klammer-Reveal
btn-069 Doppelter Unterstrich
btn-070 Textmarker-Swipe
btn-071 Glanz-Sweep dunkel
btn-072 Dauer-Schimmer
btn-073 Glossy Oberlicht
btn-074 Licht-Sweep Outline
btn-075 Glanz auf Gold-Pille
btn-076 Pfeil-Schubs
btn-077 Plus rotiert
btn-078 Download-Drop
btn-079 Icon-Ghost quadratisch
btn-080 Icon-Box geteilt
btn-081 Chevron-Reveal
btn-082 Ring-Spinner Loading
btn-083 Drei-Punkte-Loader
btn-084 Fortschrittsbalken-Füllung
btn-085 Puls-Loading Ghost
btn-086 Switch Toggle (Checkbox)
btn-087 Toggle-Pille (pressed)
btn-088 Gleitender Tab-Toggle
btn-089 Split-Action
btn-090 Doppel-Paar
btn-091 Split mit Zähler
btn-092 Pixel 8-Bit
btn-093 Terminal-Prompt
btn-094 CRT Bernstein
btn-095 Win95 Grau
btn-096 Midnight Primary
btn-097 Midnight Secondary
btn-098 Segmented dreifach
btn-099 Verbundene Button-Gruppe
btn-100 Pillen-Filtergruppe
btn-101 Conic Ring-Spin
btn-102 Conic Keil-Orbit
btn-103 Halo-Ring
btn-104 Gestrichelter Marsch
btn-105 Highlight-Sweep
btn-106 Neon-Puls Cyan
btn-107 Magenta Herzschlag
btn-108 Limetten-Röhre Flackern
btn-109 Glut atmet
btn-110 Ghost Leuchtkante
btn-111 Blob-Morph
btn-112 Liquid-Pille Wobble
btn-113 Lavalampe innen
btn-114 Tropfen-Ecke
btn-115 Squircle Squeeze
btn-116 Vertikaler Text-Swap
btn-117 Würfelflächen-Flip
btn-118 Tracking-Reveal
btn-119 Durchstreichen und ersetzen
btn-120 Schreibmaschine löscht
btn-121 Kipp-Karte Lift
btn-122 Magnetischer Zug
btn-123 Parallax-Ebenen
btn-124 Pendel-Schwung
btn-125 Skew-Neigung
btn-126 Gebürstetes Metall
btn-127 Leder-Naht
btn-128 Geprägtes Papier
btn-129 Glaskuppel-Taste
btn-130 Gedrückter Drehknopf
btn-131 Clay-Blase
btn-132 Clay Pfirsich
btn-133 Clay Mint-Icon
btn-134 Clay Lavendel breit
btn-135 Clay Dark Mode
btn-136 Aurora-Drift
btn-137 Mesh Sonnenaufgang
btn-138 Nordlicht-Leiste
btn-139 Holografische Folie
btn-140 Aurora Outline-Text
btn-141 Glitch-Slice
btn-142 Abgeschrägte Ecken
btn-143 Scanline-Sweep
btn-144 Gekerbter Tag
btn-145 RGB-Split Hover
btn-146 Inset-Füllung Sweep
btn-147 Inset-Füllung vertikal
btn-148 Inset-Füllung Mitte
btn-149 Inset-Füllung Duo
btn-150 Inset-Füllung Ring-Pop
btn-151 Eckklammern
btn-152 Vier Eckmarken
btn-153 Klammern um Text
btn-154 Eckpunkt-Marker
btn-155 Spitzklammern-Pfeil
btn-156 Sticker-Neigung
btn-157 Preisschild-Loch
btn-158 Stempel-Badge
btn-159 Eckband
btn-160 Puffiger Sticker-Rand
btn-161 Chip Schließen weich
btn-162 Chip Schließen Outline
btn-163 Chip auswählbar Haken
btn-164 Chip mit Zähler
btn-165 Chip Avatar Schließen
btn-166 FAB klassisch
btn-167 FAB erweitert
btn-168 FAB rotierendes Plus
btn-169 FAB Squircle-Gradient
btn-170 FAB Mini-Stapel
btn-171 Pfeil-Link gleitend
btn-172 Pfeil eingleitend
btn-173 Pfeilkreis wachsend
btn-174 Pfeil lange Linie
btn-175 Pfeil hüpfend
btn-176 Sparkle KI-Gradient
btn-177 Sparkle KI-Outline
btn-178 Sparkle-Orbit
btn-179 Sparkle Schimmertext
btn-180 Sparkle Zauberstab
btn-181 Halten zum Bestätigen
btn-182 Fortschrittsstreifen statisch
btn-183 Fortschrittsring conic
btn-184 Unbestimmte Streifen
btn-185 Countdown-Ablauf
btn-186 Teilen-Pille Icon
btn-187 Link kopieren Feedback
btn-188 Teilen-Reihe geteilt
btn-189 Teilen aufgefächert
btn-190 Teilen-Pille Zähler
btn-191 CTA-Banner Untertitel
btn-192 CTA-Banner Pfeil rechts
btn-193 CTA-Banner Gradient
btn-194 CTA-Banner Icon links
btn-195 Mikro-Pille
btn-196 Mikro-Taste
btn-197 Mikro-Icon-Quadrat
btn-198 color-mix Tonskala
btn-199 light-dark Auto-Theme
btn-200 corner-shape Squircle
btn-002 Kobalt Block
btn-003 Mint soft-flat
btn-004 Karmesin breit
btn-005 Schiefer eckig
btn-006 Sonnenblume fett
btn-007 Violett Spationierung
btn-008 Anthrazit mini
btn-009 Haarlinie Outline
btn-010 Kräftige Outline-Füllung
btn-011 Ghost Text
btn-012 Gestrichelte Outline
btn-013 Doppellinie Outline
btn-014 Ghost mit Hover-Rahmen
btn-015 Rosé Outline-Pille
btn-016 Ghost invertiert (dunkel)
btn-017 Klassische Pille
btn-018 Zweifarbige Pille
btn-019 Pille mit Ring
btn-020 Squircle
btn-021 Schrumpf-Pille
btn-022 Kapsel mit Punkt
btn-023 Asymmetrischer Radius
btn-024 Sonnenuntergang Verlauf
btn-025 Aurora Shift
btn-026 Verlaufsrahmen
btn-027 Verlaufstext Ghost
btn-028 Tiefsee
btn-029 Radialer Hotspot
btn-030 Mesh Pastell
btn-031 Metallic Gold
btn-032 Milchglas-Pille
btn-033 Dunkles Glas
btn-034 Glas mit Leuchtkante
btn-035 Klarglas-Button
btn-036 Glas Segment-Tab
btn-037 Glas mit Innenlicht
btn-038 Soft erhaben
btn-039 Soft gedrückt
btn-040 Soft Kreis-Icon
btn-041 Soft Dark Mode
btn-042 Soft Pille Akzent
btn-043 Soft Toggle-Chip
btn-044 Neo-brutal Gelb
btn-045 Neo-brutal Pink-Pille
btn-046 Brutalist Mono
btn-047 Neo-brutal Farbschatten
btn-048 Brutalist Streifen
btn-049 Neo-brutal dunkel
btn-050 Brutalist Tag
btn-051 Candy Press
btn-052 Keycap
btn-053 Arcade Rot
btn-054 Kipp-Druck
btn-055 Gestapelte Ebenen
btn-056 Chrom Fase
btn-057 Glut Slide-Füllung
btn-058 Aufsteigende Füllung
btn-059 Zentrum Bloom
btn-060 Diagonaler Wipe
btn-061 Geteilter Vorhang
btn-062 Rollladen von oben
btn-063 Ecken-Sweep
btn-064 Text-Swap Slide
btn-065 Unterstrich wächst
btn-066 Unterstrich aus Mitte
btn-067 Rahmen-Trace
btn-068 Klammer-Reveal
btn-069 Doppelter Unterstrich
btn-070 Textmarker-Swipe
btn-071 Glanz-Sweep dunkel
btn-072 Dauer-Schimmer
btn-073 Glossy Oberlicht
btn-074 Licht-Sweep Outline
btn-075 Glanz auf Gold-Pille
btn-076 Pfeil-Schubs
btn-077 Plus rotiert
btn-078 Download-Drop
btn-079 Icon-Ghost quadratisch
btn-080 Icon-Box geteilt
btn-081 Chevron-Reveal
btn-082 Ring-Spinner Loading
btn-083 Drei-Punkte-Loader
btn-084 Fortschrittsbalken-Füllung
btn-085 Puls-Loading Ghost
btn-086 Switch Toggle (Checkbox)
btn-087 Toggle-Pille (pressed)
btn-088 Gleitender Tab-Toggle
btn-089 Split-Action
btn-090 Doppel-Paar
btn-091 Split mit Zähler
btn-092 Pixel 8-Bit
btn-093 Terminal-Prompt
btn-094 CRT Bernstein
btn-095 Win95 Grau
btn-096 Midnight Primary
btn-097 Midnight Secondary
btn-098 Segmented dreifach
btn-099 Verbundene Button-Gruppe
btn-100 Pillen-Filtergruppe
btn-101 Conic Ring-Spin
btn-102 Conic Keil-Orbit
btn-103 Halo-Ring
btn-104 Gestrichelter Marsch
btn-105 Highlight-Sweep
btn-106 Neon-Puls Cyan
btn-107 Magenta Herzschlag
btn-108 Limetten-Röhre Flackern
btn-109 Glut atmet
btn-110 Ghost Leuchtkante
btn-111 Blob-Morph
btn-112 Liquid-Pille Wobble
btn-113 Lavalampe innen
btn-114 Tropfen-Ecke
btn-115 Squircle Squeeze
btn-116 Vertikaler Text-Swap
btn-117 Würfelflächen-Flip
btn-118 Tracking-Reveal
btn-119 Durchstreichen und ersetzen
btn-120 Schreibmaschine löscht
btn-121 Kipp-Karte Lift
btn-122 Magnetischer Zug
btn-123 Parallax-Ebenen
btn-124 Pendel-Schwung
btn-125 Skew-Neigung
btn-126 Gebürstetes Metall
btn-127 Leder-Naht
btn-128 Geprägtes Papier
btn-129 Glaskuppel-Taste
btn-130 Gedrückter Drehknopf
btn-131 Clay-Blase
btn-132 Clay Pfirsich
btn-133 Clay Mint-Icon
btn-134 Clay Lavendel breit
btn-135 Clay Dark Mode
btn-136 Aurora-Drift
btn-137 Mesh Sonnenaufgang
btn-138 Nordlicht-Leiste
btn-139 Holografische Folie
btn-140 Aurora Outline-Text
btn-141 Glitch-Slice
btn-142 Abgeschrägte Ecken
btn-143 Scanline-Sweep
btn-144 Gekerbter Tag
btn-145 RGB-Split Hover
btn-146 Inset-Füllung Sweep
btn-147 Inset-Füllung vertikal
btn-148 Inset-Füllung Mitte
btn-149 Inset-Füllung Duo
btn-150 Inset-Füllung Ring-Pop
btn-151 Eckklammern
btn-152 Vier Eckmarken
btn-153 Klammern um Text
btn-154 Eckpunkt-Marker
btn-155 Spitzklammern-Pfeil
btn-156 Sticker-Neigung
btn-157 Preisschild-Loch
btn-158 Stempel-Badge
btn-159 Eckband
btn-160 Puffiger Sticker-Rand
btn-161 Chip Schließen weich
btn-162 Chip Schließen Outline
btn-163 Chip auswählbar Haken
btn-164 Chip mit Zähler
btn-165 Chip Avatar Schließen
btn-166 FAB klassisch
btn-167 FAB erweitert
btn-168 FAB rotierendes Plus
btn-169 FAB Squircle-Gradient
btn-170 FAB Mini-Stapel
btn-171 Pfeil-Link gleitend
btn-172 Pfeil eingleitend
btn-173 Pfeilkreis wachsend
btn-174 Pfeil lange Linie
btn-175 Pfeil hüpfend
btn-176 Sparkle KI-Gradient
btn-177 Sparkle KI-Outline
btn-178 Sparkle-Orbit
btn-179 Sparkle Schimmertext
btn-180 Sparkle Zauberstab
btn-181 Halten zum Bestätigen
btn-182 Fortschrittsstreifen statisch
btn-183 Fortschrittsring conic
btn-184 Unbestimmte Streifen
btn-185 Countdown-Ablauf
btn-186 Teilen-Pille Icon
btn-187 Link kopieren Feedback
btn-188 Teilen-Reihe geteilt
btn-189 Teilen aufgefächert
btn-190 Teilen-Pille Zähler
btn-191 CTA-Banner Untertitel
btn-192 CTA-Banner Pfeil rechts
btn-193 CTA-Banner Gradient
btn-194 CTA-Banner Icon links
btn-195 Mikro-Pille
btn-196 Mikro-Taste
btn-197 Mikro-Icon-Quadrat
btn-198 color-mix Tonskala
btn-199 light-dark Auto-Theme
btn-200 corner-shape Squircle
Cards
card-001 Ruhiger Inhalt
card-002 Foto mit Tag
card-003 Bild mit Verlauf unten
card-004 Weicher Schatten Footer
card-005 Bild-Zoom beim Hover
card-006 Medien links Zeile
card-007 Thumbnail-Zeile
card-008 Dunkle Akzentleiste
card-009 Medien rechts
card-010 Zentrierter Avatar
card-011 Banner-Profil mit Stats
card-012 Teammitglied-Zeile
card-013 Profil mit Statuspunkt
card-014 Ausweis mit eckigem Avatar
card-015 Klassisches Pricing
card-016 Hervorgehobener Pro-Tarif
card-017 Linien-Pricing
card-018 Zweigeteilter Tarif
card-019 Pricing pro Sitz
card-020 Badge In den Warenkorb
card-021 Hochgleitendes Hinzufügen
card-022 Bewertung mit Farbfeldern
card-023 Rabattband
card-024 Warenkorb-Zeile
card-025 Großes Anführungszeichen
card-026 Dunkles Sterne-Zitat
card-027 Zitat mit Akzentleiste
card-028 Milchglas
card-029 Nachtglas mit Blobs
card-030 Weich geprägt
card-031 Dunkle geprägte Kennzahl
card-032 Harter Schatten brutal
card-033 Poster mit Sticker-Tag
card-034 Rotierende Conic-Kante
card-035 Beschnittener Gradient-Rahmen
card-036 Getöntes Glow-Anheben
card-037 Perspektivische Neigung
card-038 Flip beim Hover
card-039 Flip per Tipp
card-040 Gleitende Bildunterschrift
card-041 Abdunkelndes Overlay
card-042 Bento-Kennzahl-Kacheln
card-043 Gepunktete Bento-Kachel
card-044 Erfolgs-Toast
card-045 Fehler-Toast mit Countdown
card-046 Release-Zeitleiste
card-047 Schritt-Assistent
card-048 Systemtheme-bewusst
card-049 Light-Dark-Farben
card-050 Schimmer-Skeleton
card-051 Pulsierende Skeleton-Zeile
card-052 Datei-Download
card-053 Upload-Dropzone
card-054 Link-Vorschau
card-055 Favicon-Link-Chip
card-056 Großes Datum
card-057 Zeitstreifen
card-058 Musikplayer
card-059 Equalizer Now Playing
card-060 Delta-Pille
card-061 Sparkline-Kennzahl
card-062 Fortschrittsring-Kennzahl
card-063 Feature mit Icon-Kachel
card-064 Gradient-Icon
card-065 Blog mit Autor-Meta
card-066 Redaktionelle Essay-Zeile
card-067 Enterprise zweispaltig
card-068 Gradient-Ring Skills
card-069 Container-Query-Stapel
card-070 Abhaken zum Auswählen
card-071 Radio-Tarifwahl
card-072 Subgrid-ausgerichtete Zeile
card-073 Squircle-Ecken
card-074 Abgeschrägtes Ticket
card-075 Bordkarte mit Kerben
card-076 Gestrichelter Gutscheincode
card-077 Social-Post
card-078 Verschachtelter Kommentar-Thread
card-079 Chat-Blasen
card-080 Wetter-Widget
card-081 Rezept-Chips
card-082 Stellenanzeige
card-083 Kursfortschritt
card-084 Abgehakte Aufgabe
card-085 Haftnotiz
card-086 Polaroid-Rahmen
card-087 Glänzende Bezahlkarte
card-088 Aufgefächertes Deck
card-089 Eck-Spotlight
card-090 Driftender Gradient
card-091 Papierkorn-Rauschen
card-092 Neonröhren-Kante
card-093 Platzhalter Neu hinzufügen
card-094 Mini-Zitat mit Logo
card-095 Versions-Changelog
card-096 Vorher-Nachher-Kennzahlen
card-097 App-Store-Zeile
card-098 Play-Thumbnail
card-099 Kartenpin-Adresse
card-100 Newsletter-Anmeldung
card-002 Foto mit Tag
card-003 Bild mit Verlauf unten
card-004 Weicher Schatten Footer
card-005 Bild-Zoom beim Hover
card-006 Medien links Zeile
card-007 Thumbnail-Zeile
card-008 Dunkle Akzentleiste
card-009 Medien rechts
card-010 Zentrierter Avatar
card-011 Banner-Profil mit Stats
card-012 Teammitglied-Zeile
card-013 Profil mit Statuspunkt
card-014 Ausweis mit eckigem Avatar
card-015 Klassisches Pricing
card-016 Hervorgehobener Pro-Tarif
card-017 Linien-Pricing
card-018 Zweigeteilter Tarif
card-019 Pricing pro Sitz
card-020 Badge In den Warenkorb
card-021 Hochgleitendes Hinzufügen
card-022 Bewertung mit Farbfeldern
card-023 Rabattband
card-024 Warenkorb-Zeile
card-025 Großes Anführungszeichen
card-026 Dunkles Sterne-Zitat
card-027 Zitat mit Akzentleiste
card-028 Milchglas
card-029 Nachtglas mit Blobs
card-030 Weich geprägt
card-031 Dunkle geprägte Kennzahl
card-032 Harter Schatten brutal
card-033 Poster mit Sticker-Tag
card-034 Rotierende Conic-Kante
card-035 Beschnittener Gradient-Rahmen
card-036 Getöntes Glow-Anheben
card-037 Perspektivische Neigung
card-038 Flip beim Hover
card-039 Flip per Tipp
card-040 Gleitende Bildunterschrift
card-041 Abdunkelndes Overlay
card-042 Bento-Kennzahl-Kacheln
card-043 Gepunktete Bento-Kachel
card-044 Erfolgs-Toast
card-045 Fehler-Toast mit Countdown
card-046 Release-Zeitleiste
card-047 Schritt-Assistent
card-048 Systemtheme-bewusst
card-049 Light-Dark-Farben
card-050 Schimmer-Skeleton
card-051 Pulsierende Skeleton-Zeile
card-052 Datei-Download
card-053 Upload-Dropzone
card-054 Link-Vorschau
card-055 Favicon-Link-Chip
card-056 Großes Datum
card-057 Zeitstreifen
card-058 Musikplayer
card-059 Equalizer Now Playing
card-060 Delta-Pille
card-061 Sparkline-Kennzahl
card-062 Fortschrittsring-Kennzahl
card-063 Feature mit Icon-Kachel
card-064 Gradient-Icon
card-065 Blog mit Autor-Meta
card-066 Redaktionelle Essay-Zeile
card-067 Enterprise zweispaltig
card-068 Gradient-Ring Skills
card-069 Container-Query-Stapel
card-070 Abhaken zum Auswählen
card-071 Radio-Tarifwahl
card-072 Subgrid-ausgerichtete Zeile
card-073 Squircle-Ecken
card-074 Abgeschrägtes Ticket
card-075 Bordkarte mit Kerben
card-076 Gestrichelter Gutscheincode
card-077 Social-Post
card-078 Verschachtelter Kommentar-Thread
card-079 Chat-Blasen
card-080 Wetter-Widget
card-081 Rezept-Chips
card-082 Stellenanzeige
card-083 Kursfortschritt
card-084 Abgehakte Aufgabe
card-085 Haftnotiz
card-086 Polaroid-Rahmen
card-087 Glänzende Bezahlkarte
card-088 Aufgefächertes Deck
card-089 Eck-Spotlight
card-090 Driftender Gradient
card-091 Papierkorn-Rauschen
card-092 Neonröhren-Kante
card-093 Platzhalter Neu hinzufügen
card-094 Mini-Zitat mit Logo
card-095 Versions-Changelog
card-096 Vorher-Nachher-Kennzahlen
card-097 App-Store-Zeile
card-098 Play-Thumbnail
card-099 Kartenpin-Adresse
card-100 Newsletter-Anmeldung
Stile
Glassmorphism
Liquid Glass
Neumorphism
Claymorphism
Neo-Brutalismus
Klassischer Brutalismus
Swiss / International Typographic Style
Editorial / Magazin
Minimalismus
Maximalismus
Bento-Grid
Midnight SaaS
Terminal / Hacker
Retro-Pixel / 8-Bit
Y2K / Frutiger Aero
Vaporwave
Cyberpunk / Neon
Memphis
Bauhaus
Art Deco
Flat 2.0
Material 3 Expressive
Skeuomorphismus
Papier / Notizbuch
Cremepapier-Warm-Minimal
Corporate Memphis (Illustrationsstil)
Monochrom Schwarzweiß
Kontraststarke Barrierefreiheit
Pastell Soft UI
Gradient Mesh / Aurora
Glas + Körnung
Handgezeichnet / Skizze
Zine / Collage
Japanisch minimal (Ma)
Skandinavisch
Industrial / Blaupause / Engineering
Luxus / Mode-Serif
Verspielt rund (Duolingo-artig)
Kinder / Bilderbuch
Retro-Futurismus
Sci-Fi-HUD
Organisch / Blob-Formen
Rein typografisch
Fotografiegeführt
Kinetisch / Motion-first
E-Ink / kontrastarm ruhig
Dashboard / datendicht
Behörde / institutionell klar
Neo-Grotesk Tech
AI-Startup-Gradient-Glow (der Default-Slop-Look)
Liquid Glass
Neumorphism
Claymorphism
Neo-Brutalismus
Klassischer Brutalismus
Swiss / International Typographic Style
Editorial / Magazin
Minimalismus
Maximalismus
Bento-Grid
Midnight SaaS
Terminal / Hacker
Retro-Pixel / 8-Bit
Y2K / Frutiger Aero
Vaporwave
Cyberpunk / Neon
Memphis
Bauhaus
Art Deco
Flat 2.0
Material 3 Expressive
Skeuomorphismus
Papier / Notizbuch
Cremepapier-Warm-Minimal
Corporate Memphis (Illustrationsstil)
Monochrom Schwarzweiß
Kontraststarke Barrierefreiheit
Pastell Soft UI
Gradient Mesh / Aurora
Glas + Körnung
Handgezeichnet / Skizze
Zine / Collage
Japanisch minimal (Ma)
Skandinavisch
Industrial / Blaupause / Engineering
Luxus / Mode-Serif
Verspielt rund (Duolingo-artig)
Kinder / Bilderbuch
Retro-Futurismus
Sci-Fi-HUD
Organisch / Blob-Formen
Rein typografisch
Fotografiegeführt
Kinetisch / Motion-first
E-Ink / kontrastarm ruhig
Dashboard / datendicht
Behörde / institutionell klar
Neo-Grotesk Tech
AI-Startup-Gradient-Glow (der Default-Slop-Look)
Neu in CSS
Container queries (size) + cqi/cqw units
:has() relational selector
CSS nesting
Cascade layers (@layer)
Subgrid
color-mix()
oklch() / oklab() colors
Relative color syntax (from)
light-dark()
@property (registered custom properties)
text-wrap: balance
Popover attribute + ::backdrop
<dialog> improvements (closedby, :modal, requestClose)
@starting-style + transition-behavior: allow-discrete
inert attribute
:user-valid / :user-invalid
accent-color
Stepped value functions: round(), mod(), rem(), abs(), sign()
Trigonometric functions: sin(), cos(), tan(), atan2()
animation-composition
offset-path with shapes (motion path)
CSS masking (mask, mask-image, mask-composite) unprefixed
backdrop-filter
scrollbar-gutter, scrollbar-width, scrollbar-color
Exclusive accordions (details name=) + ::details-content
Custom Highlight API (::highlight()) + ::target-text
View transitions, same document (document.startViewTransition)
:open pseudo-class
Container style queries (custom properties)
@scope
field-sizing: content
contrast-color()
shape() for clip-path / offset-path
sibling-index() and sibling-count()
text-box-trim / text-box-edge (text-box shorthand)
Anchor positioning: anchor(), position-area, position-try
Name-only container queries + comma-separated queries
lh / rlh units (and rcap, rch, rex, ric)
Scroll-driven animations (animation-timeline: scroll() / view())
Cross-document view transitions (@view-transition)
text-wrap: pretty
popover="hint"
dialog closedby="any" (light-dismiss dialogs)
color-mix() with many colors + light-dark() for images
margin-trim
Standard line-clamp (unprefixed) and -webkit-line-clamp
CSS Typed OM (CSSStyleValue, attributeStyleMap, CSS.px)
revert-rule keyword
interpolate-size / calc-size() (animate to height:auto)
corner-shape (squircle, scoop, notch, bevel, superellipse())
CSS if() conditional function
@function custom functions
reading-flow / reading-order
CSS carousels: ::scroll-button(), ::scroll-marker(), ::scroll-marker-group
Scroll-state container queries (stuck, snapped, scrollable, scrolled)
text-fit (fit-to-width headlines)
background-clip: border-area (gradient borders)
Gap decorations (column-rule / row-rule in grid and flex)
random() and progress() functions
Grid Lanes (CSS-only masonry)
Customizable <select> (appearance: base-select, ::picker(select))
Typed attr() (attr(data-x type(<length>)))
:has() relational selector
CSS nesting
Cascade layers (@layer)
Subgrid
color-mix()
oklch() / oklab() colors
Relative color syntax (from)
light-dark()
@property (registered custom properties)
text-wrap: balance
Popover attribute + ::backdrop
<dialog> improvements (closedby, :modal, requestClose)
@starting-style + transition-behavior: allow-discrete
inert attribute
:user-valid / :user-invalid
accent-color
Stepped value functions: round(), mod(), rem(), abs(), sign()
Trigonometric functions: sin(), cos(), tan(), atan2()
animation-composition
offset-path with shapes (motion path)
CSS masking (mask, mask-image, mask-composite) unprefixed
backdrop-filter
scrollbar-gutter, scrollbar-width, scrollbar-color
Exclusive accordions (details name=) + ::details-content
Custom Highlight API (::highlight()) + ::target-text
View transitions, same document (document.startViewTransition)
:open pseudo-class
Container style queries (custom properties)
@scope
field-sizing: content
contrast-color()
shape() for clip-path / offset-path
sibling-index() and sibling-count()
text-box-trim / text-box-edge (text-box shorthand)
Anchor positioning: anchor(), position-area, position-try
Name-only container queries + comma-separated queries
lh / rlh units (and rcap, rch, rex, ric)
Scroll-driven animations (animation-timeline: scroll() / view())
Cross-document view transitions (@view-transition)
text-wrap: pretty
popover="hint"
dialog closedby="any" (light-dismiss dialogs)
color-mix() with many colors + light-dark() for images
margin-trim
Standard line-clamp (unprefixed) and -webkit-line-clamp
CSS Typed OM (CSSStyleValue, attributeStyleMap, CSS.px)
revert-rule keyword
interpolate-size / calc-size() (animate to height:auto)
corner-shape (squircle, scoop, notch, bevel, superellipse())
CSS if() conditional function
@function custom functions
reading-flow / reading-order
CSS carousels: ::scroll-button(), ::scroll-marker(), ::scroll-marker-group
Scroll-state container queries (stuck, snapped, scrollable, scrolled)
text-fit (fit-to-width headlines)
background-clip: border-area (gradient borders)
Gap decorations (column-rule / row-rule in grid and flex)
random() and progress() functions
Grid Lanes (CSS-only masonry)
Customizable <select> (appearance: base-select, ::picker(select))
Typed attr() (attr(data-x type(<length>)))