Primary
Components
Fertige Bausteine zum Copy-and-Paste — Buttons, Cards, Sidebars und Login-Formulare, jeweils mit eigenem HTML und CSS.
Secondary
Ghost
Danger
Success
Soft
Pill
Gradient
Outline
Elevated
Mit Icon
Tracked Uppercase
Thick Border
Link Style
3D Press
Glass
Small
Large Block
Disabled
Loading
Info Card
Kartentitel
Ein kurzer Beschreibungstext, der erklärt, worum es in dieser Karte geht.
Bild-Karte
Artikeltitel
Kurze Zusammenfassung des Inhalts unterhalb des Bildes.
Icon-Karte
Funktion
Kurze Erklärung der Funktion oder Eigenschaft.
Karte mit Button
Newsletter
Bleib auf dem Laufenden mit unseren neuesten Updates.
Horizontale Karte
Eintrag
Beschreibung neben dem Vorschaubild.
Stat-Karte
128%
Wachstum ggü. Vorjahr
Preis-Karte
Pro
19€/Monat
- ✓ Unbegrenzte Projekte
- ✓ Prioritäts-Support
Testimonial-Karte
"Die beste Entscheidung, die wir dieses Jahr getroffen haben."
Jana K.
Produktmanagerin
Gradient-Kopf-Karte
Projektstart
Alles Wichtige auf einen Blick.
Dunkle Karte
Dark Mode
Karte für dunkle Oberflächen und Dashboards.
Farbiger Rahmen
Hinweis
Farbiger Rahmen für Betonung ohne Hintergrundfarbe.
Pastell-Karte
Neu
Pastellfarbener Hintergrund für freundliche Akzente.
Karte mit Badge
NEU
Feature-Update
Karte mit kleinem Hinweis-Badge oben rechts.
Minimal
Ohne Rahmen
Reduzierte Karte nur mit Abstand, kein Border.
Schatten-Karte
Elevated
Starker Schatten statt Rahmenlinie.
Profil-Karte
Max Berger
Frontend-Entwickler
Feature-Liste
Enthalten
- Unbegrenzte Nutzer
- Automatische Backups
- API-Zugriff
Hinweis-Karte
Achtung
Diese Aktion kann nicht rückgängig gemacht werden.
Kompakte Karte
Schnellzugriff
Bild-Overlay-Karte
Minimal Login
Anmelden
Login mit Logo
Login mit Social-Buttons
Willkommen zurück
oder
Dark Mode Login
Anmelden
Split-Style Login
Willkommen zurück bei WebBase
Einfache Sidebar
Sidebar mit Icons
Kompakte Icon-Sidebar
Dunkle Sidebar mit Akzent
Sidebar mit Gruppen