Statistiekenblokken
Componenten om statistieken en cijfers te tonen. Kant-en-klare React UI-blokken met een neobrutalistische look — heroes, pricing, auth, dashboards en meer. Bekijk ze op elk schermformaat, kopieer de code of installeer via je AI-agent en onze MCP-server. Werkt met Radix UI, Base UI en React Aria.
- Hero's, prijzen & auth
- Elk breekpunt vooraf bekijken
- Kopieer de brontekst
- MCP klaar voor installatie
- Radix · Base UI · React Aria
- 158 kant-en-klare blokken
- Paginadelen die worden geleverd
- Dashboards en marketing
- Pro ontgrendelt de code
- Drop-in-indelingen
Bekijk elk ontwerp
Statistieken
9 blokken — open een willekeurige kaart voor een volledig schermvoorbeeld, de code en installatiesstappen.
- 01Pro
Stats met vlakdiagram
Een vlakdiagram van zeven dagen omzet en kosten deelt een kaart met het lopende totaal en zijn deltabadge. React en Tailwind: eigen data.
- 02Pro
Bento-statsbord
Twee smalle groeikaarten eindigen in doorklinklinks naast een dubbel brede merkkaart met het hoofdcijfer. React en Tailwind: richt de links op rapporten.
- 03Pro
Compacte icoonstatsrij
De kortste statsstrook in de set: vier kaarten, elk een icoontegel naast een cijfer en een label van twee woorden. React en Tailwind: onder je hero.
- 04Pro
Verdeeld statspaneel
Een full-bleed kleurband waarvan drie cijfers één paneel delen, verdeeld door lijnen van twee pixels. React en Tailwind: pas de tekst aan.
- 05Pro
Stats met donutdiagram
Een tevredenheidsdonut met de score in het gat getypt, geflankeerd door vier kaarten die zwart en wit afwisselen. React en Tailwind: verander de ratio.
- 06Pro
Statsmozaïek met CTA
Pitch aan de ene kant, bewijs aan de andere: een kop en twee knoppen naast een mozaïek van hoge en lage tegels. React en Tailwind: herbalanceer de tegels.
- 07Pro
Stats met trendpijlen
Elke kaart zet een ronde trendpijl en een geschreven verandering sinds vorig jaar op dezelfde basislijn vast. React en Tailwind: trend omhoog of omlaag.
- 08Pro
Winkelstatistieken dashboard
Een periodeschakelaar wisselt vier KPI-kaarten, boven een omzetverdeling en topproductenlijst. React en Tailwind: haal het figures-object op.
- 09Pro
Uitgelichte statistiekkaarten
Drie metriekkaarten op vervaagde textuur, met precies één gevuld in de merkkleur zodat het oog een winnaar kiest. React en Tailwind.