Estadísticasbloques
Componentes para mostrar estadísticas y métricas. Bloques UI de React listos para usar, con estilo neobrutalista: héroes, precios, autenticación, dashboards y más. Previsualiza cada tamaño de pantalla, copia el código o instálalos con tu agente de IA a través de nuestro servidor MCP. Funcionan con Radix UI, Base UI y React Aria.
- Hero, precios y auth
- Previsualizar cada punto de interrupción
- Copia el código fuente
- MCP listo para instalar
- Radix · Base UI · React Aria
- 158 bloques prefabricados
- Secciones de la página que se envían
- Cuadros de mando y marketing
- Pro desbloquea el código
- Diseños de inserción directa
Explora todas las disposiciones
Estadísticas
9 bloques — abre cualquier tarjeta para una vista previa a pantalla completa, el código y pasos de instalación.
- 01Pro
Estadísticas con gráfico de área
Gráfico de área de ventas y costes de siete días junto al total acumulado y su badge de variación. React y Tailwind: sustituye el array de tendencia.
- 02Pro
Panel de estadísticas bento
Dos tarjetas de crecimiento enlazan a informes junto a una tarjeta de marca de doble ancho con la cifra principal. React y Tailwind: enlaza cada informe.
- 03Pro
Fila compacta de iconos
La franja de estadísticas más corta: cuatro tarjetas con icono, cifra y etiqueta de dos palabras. React y Tailwind: colócala bajo tu hero.
- 04Pro
Panel de estadísticas dividido
Banda a sangre completa cuyas tres cifras comparten un panel dividido por líneas de dos píxeles. React y Tailwind: cambia el texto y úsala entre secciones.
- 05Pro
Estadísticas con gráfico donut
Donut de satisfacción con la cifra en su centro, flanqueado por cuatro tarjetas que alternan negro y blanco. React y Tailwind: cambia la proporción.
- 06Pro
Mosaico de estadísticas con CTA
Discurso a un lado, pruebas al otro: titular y botones junto a un mosaico de casillas altas y bajas. React y Tailwind: reequilibra las casillas.
- 07Pro
Cifras con flechas de tendencia
Cada tarjeta ancla una flecha circular de tendencia y un cambio interanual a una misma línea base. React y Tailwind: define cada tendencia.
- 08Pro
Panel de métricas de tienda
Un selector de día, semana, mes y año cambia cuatro tarjetas KPI, junto a un reparto de ingresos y un top de productos. React y Tailwind: usa figures.
- 09Pro
Estadísticas con destacado
Tres tarjetas de métricas sobre textura difuminada, solo una en color de marca para destacar. React y Tailwind: mueve el flag highlight.