Button
Jede Variante, Tonalität, Animation
Animierte Komponenten
132 kostenlose Komponenten, die App-Screens lebendig machen: rollende Zahlen, gestapelte Toasts, gleitende Tabs, wackelnde Inputs. CSS zuerst, reduzierte Bewegung respektiert, hell und dunkel. Filtere danach, was sie bewegt.
Ctrl K
132 Komponenten
Core UI 30
StöbernPlaygroundKostenlos
Badge
Status in jedem Stil
Card
Karten mit Ebenen und Akzenten
Input
Labels, Icons und Zustände
Avatar
Status, Ringe und Gruppen
Alert
Inline-Hinweise mit Aktionen
Tabs
Sechs Tab-Stile, eine API
Switch
Schalter in fünf Looks
Checkbox & Radio
Haken, Radios und Karten
Separator
Trenner mit Beschriftung
Breadcrumb
Pfade, die sauber einklappen
Pagination
Seiten, Größen und Sprünge
Heading
Display-Schrift mit Bewegung
Text
Fließtext mit Presets
Link
Sieben Unterstreichungsstile
Kbd
Tasten, die auf Druck reagieren
Stat Card
Eine Kennzahl mit Trend
Select
Durchsuchbar, gruppiert, mehrfach
Dialog & Sheet
Dialoge und Sheets
Tooltip
Hinweise mit Tastenkürzeln
Popover
Schwebende Panels
Dropdown Menu
Menüs mit Untermenüs
Combobox
Suche mit asynchronen Treffern
Date Picker
Daten, Zeiträume und Uhrzeit
Multi-step Form
Assistenten mit Validierung
Number Input
Stepper mit Formatierung
Rating
Sterne mit halben Werten
Toggle Group
Eins oder mehrere wählen
Table
Sortieren, stapeln, Zeilen einfärben
Data Grid
Bearbeiten, fixieren, exportieren
Zahlen & Daten 8
StöbernNumber flow
Ziffern rollen zum neuen Wert
Counter up
Zählt hoch beim Einblenden
Usage meter
Auslastung, die beim Füllen warnt
Progress
Balken in jedem Stil
Circular progress
Ringe und Anzeigen
Sparkline draw
Ein Minidiagramm, das sich zeichnet
Delta badge
Auf oder ab auf einen Blick
Cell flash
Zellen blitzen bei Änderungen
Feedback 7
StöbernToast stack
Toasts, die sich stapeln und auffächern
Notification badge
Zähler mit Pop und Puls
Skeleton auto
Skeletons aus deinem echten Layout
Spinners
Sechs Loader, eine Prop
Multi-step loader
Lange Aufgaben, Schritt für Schritt
Confetti
Ein Konfettiregen
Success check
Ein Haken, der mit Burst zeichnet
Navigation 6
StöbernTabs indicator
Eine Markierung gleitet zwischen Tabs
Segmented control
iOS-Stil mit gleitendem Regler
Stepper
Schritte, die sich füllen und abhaken
Dock
macOS-Dock mit Zoomeffekt
Bottom navigation
Mobile Tab-Leiste mit gleitender Pille
Command palette morph
Suchfeld wird zur Palette
Overlays 5
StöbernMorphing dialog
Karte wächst zum Dialog
Spring drawer
Federndes Sheet zum Wegwischen
Popover morph
Button wächst zum Panel
Animated tooltip
Tooltips, die einfedern
Stagger dropdown
Menüeinträge erscheinen gestaffelt
Listen & Tabellen 6
StöbernAccordion height
Weiche Höhe, keine Sprünge
List reorder
Per Drag sortieren mit Feder
Table row presence
Zeilen kommen und gehen
Animated list
Neue Einträge schieben von oben nach
Tree expand
Ordner, die aufklappen
Expandable row list
Zeilen, die sich direkt öffnen
Inputs 10
StöbernTag input
Chips mit Vorschlägen
OTP input
Einmalcode mit Auto-Weiter
Floating label input
Das Label schwebt beim Fokus
Vanish input
Platzhalter wechseln und verschwinden
Input shake
Wackelt bei Fehler, Haken bei Erfolg
Spring switch
Schalter mit federndem Knopf
Drawn checkbox
Der Haken zeichnet sich selbst
Slider with tooltip
Bereichsregler mit Live-Werten
Expanding search
Suche, die sich bei Bedarf öffnet
File drop zone
Ablagefeld mit Upload-Fortschritt
Buttons 10
StöbernShimmer button
Ein Lichtschimmer über dem Button
Ripple button
Tinte breitet sich vom Klick aus
Rainbow button
Ein fließender Regenbogenrand
Border beam button
Ein Strahl umkreist den Rand
Magnetic button
Zum Cursor hingezogen
Stateful button
Laden, Erfolg und Fehler inklusive
Copy button
Kopieren mit wandelndem Haken
Hold to confirm
Halten für riskante Aktionen
Liquid glass button
Milchglas mit gleitender Linse
Theme toggle
Hell zu Dunkel mit Kreisübergang
Text 9
StöbernText reveal
Wörter werden scharf
Typewriter
Tippt und löscht Sätze
Word rotate
Ein Wort wechselt ständig
Shiny text
Ein Glanz wandert über den Text
Gradient text
Animierte Verlaufs-Überschriften
Scramble text
Buchstaben entschlüsseln sich
Highlighter
Ein handgezogener Marker
Text morph
Buchstaben werden zum neuen Wort
Scroll velocity
Text wird beim Scrollen schneller
Karten & Effekte 6
StöbernSpotlight card
Ein Licht folgt dem Zeiger
Tilt card
3D-Neigung mit Tiefenebenen
Border beam
Licht wandert um die Karte
Glow border
Ein sanftes animiertes Leuchten
Progressive blur
Inhalt verläuft in Unschärfe
Expandable card
Eine Karte, die sich öffnet
Hintergründe 5
StöbernDot grid
Punkte leuchten nahe dem Zeiger
Flickering grid
Ein leise flackerndes Raster
Aurora
Langsames Nordlicht
Particles
Schwebende, verbundene Partikel
Marquee
Ein endloses Laufband
KI & Agenten 16
StöbernChat message
Nachrichten mit Markdown und Aktionen
Streaming text
Text, der einströmt
Tool call
Tool-Läufe mit Status
Reasoning block
Denken zum Aufklappen
Model picker
Modell nach Tempo und Preis wählen
Chat composer
Prompt-Feld mit Dateien und Befehlen
Citations
Quellen im Text
Agent plan
Eine Live-Checkliste für Agenten
Token meter
Sieh den Kontext volllaufen
Voice orb
Eine Kugel, die auf Sprache reagiert
Diff view
Änderungen Block für Block prüfen
Code block
Hervorgehobener Code mit Kopieren
Suggestion chips
Prompt-Starter
Thread list
Chatverlauf mit Suche
Eval score
Werte gegen einen Schwellwert
Typing indicator
Jemand tippt gerade
Charts 14
StöbernArea chart
Flächentrends zum Scrubben
Line chart
Linien, die einzeichnen
Bar chart
Gruppierte oder gestapelte Balken
Donut chart
Anteil am Ganzen
Radial progress
Konzentrische Zielringe
Heatmap
Aktivität auf einen Blick
Funnel chart
Wo Leute abspringen
Gauge
Eine Zahl auf dem Zifferblatt
Bump chart
Rangfolgen im Zeitverlauf
Treemap
Größen als Kacheln
Timeline chart
Ein Gantt für Pläne
Waterfall chart
Auf und ab bis zur Summe
KPI trend
Eine Zahl mit Sparkline
Chart legend
Klicken, um eine Reihe auszublenden