StatistikenBlöcke
Komponenten zur Anzeige von Statistiken und Kennzahlen. Fertige React-UI-Blöcke im neobrutalistischen Stil — Heroes, Pricing, Auth, Dashboards und mehr. Schau sie dir in jeder Bildschirmgröße an, kopiere den Code oder installiere sie über deinen AI-Agenten und unseren MCP-Server. Läuft mit Radix UI, Base UI und React Aria.
- Heroes, Preise & Auth
- Vorschau in jeder Breakpoint
- Code kopieren
- MCP-Installation bereit
- Radix · Base UI · React Aria
- 158 fertige Blöcke
- Page-Sections die shippen
- Dashboards & Marketing
- Pro schaltet den Code frei
- Layouts zum Einsetzen
Jeden Layout erkunden
Statistiken
9 Blöcke — öffne eine beliebige Karte für eine Vollbildvorschau, den Code und Installationsschritte.
- 01Pro
Flächendiagramm-Stats
Sieben-Tage-Flächendiagramm für Umsatz/Kosten teilt eine Karte mit Summe und Delta-Badge, dazu vier Kennzahlen. React und Tailwind: trend-Array ersetzen.
- 02Pro
Bento-Stats-Board
Zwei schmale Wachstumskarten mit Drilldown-Links neben einer doppelt breiten Markenkarte mit Headline-Zahl. React und Tailwind: Links auf Reports richten.
- 03Pro
Kompakte Icon-Stats-Reihe
Die kürzeste Stats-Leiste im Set: vier Karten, jede eine Icon-Kachel neben einer Zahl und einem Zwei-Wort-Label. React und Tailwind: unter den Hero setzen.
- 04Pro
Geteiltes Stats-Panel
Randloses Farbband, dessen drei Zahlen ein Panel mit zwei Pixel starken Trennlinien teilen. React und Tailwind: Text anpassen, zwischen Abschnitte setzen.
- 05Pro
Donut-Diagramm-Stats
Zufriedenheits-Donut mit dem Wert im Loch, flankiert von vier Karten im Wechsel aus Schwarz und Weiß. React und Tailwind: Verhältnis im Array ändern.
- 06Pro
Stats-Mosaic mit CTA
Pitch links, Beleg rechts: Headline und zwei Buttons neben einem Mosaic aus hohen und niedrigen Kacheln. React und Tailwind: Kacheln neu gewichten.
- 07Pro
Stats mit Trendpfeilen
Jede Karte fixiert einen runden Trendpfeil und ein Delta zum Vorjahr an einer Grundlinie. React und Tailwind: jeden Trend auf up oder down setzen.
- 08Pro
Shop-Kennzahlen-Dashboard
Ein Umschalter für Tag, Woche, Monat, Jahr steuert vier KPI-Karten über Umsatzaufteilung und Top-Produkte-Liste. React/Tailwind: figures-Objekt abrufen.
- 09Pro
Hervorgehobene Stat-Karten
Drei Kennzahl-Karten auf unscharfer Textur, genau eine in Markenfarbe – der Blick findet den Sieger. React/Tailwind: Highlight-Flag verschieben.