Estatísticasblocos
Componentes para exibir estatísticas e métricas. Blocos de UI React prontos para usar, com visual neobrutalista — heroes, preços, autenticação, dashboards e mais. Veja em qualquer tamanho de tela, copie o código ou instale pelo seu agente de IA com o nosso servidor MCP. Funciona com Radix UI, Base UI e React Aria.
- Hero, preços e auth
- Visualizar todos os pontos de interrupção
- Copie o código-fonte
- MCP pronto para instalação
- Radix · Base UI · React Aria
- 158 blocos pré-fabricados
- Seções da página que são enviadas
- Painéis e marketing
- Pro desbloqueia o código
- Layouts de encaixe
Explore todos os layouts
Estatísticas
9 blocos — abra qualquer card para visualização em tela cheia, o código e etapas de instalação.
- 01Pro
Estatísticas com gráfico de área
Gráfico de área de vendas e custos em sete dias, com total corrente e badge de variação, sobre quatro números. React e Tailwind: troque o array trend.
- 02Pro
Painel de estatísticas bento
Dois cards estreitos de crescimento levam a links de detalhamento, ao lado de um card de marca com o dobro da largura trazendo o número principal.
- 03Pro
Linha compacta de estatísticas
A faixa de estatísticas mais curta do conjunto: quatro cards, cada um com tile de ícone, número e label de duas palavras. Use logo abaixo do hero.
- 04Pro
Painel de estatísticas dividido
Faixa de sangria total cujos três números dividem um painel separado por linhas de dois pixels. React e Tailwind: mude o texto e insira entre seções.
- 05Pro
Estatísticas com gráfico de rosca
Um gráfico de rosca de satisfação com a nota escrita no centro, ladeado por quatro cards que alternam preto e branco. React e Tailwind: mude a proporção.
- 06Pro
Mosaico de estatísticas com CTA
Discurso de um lado, prova do outro: um título e dois botões ao lado de um mosaico de tiles altos e baixos. React e Tailwind: reequilibre os tiles.
- 07Pro
Estatísticas com setas de tendência
Cada card fixa uma seta circular de tendência e uma variação desde o ano passado, sobre uma mesma linha de base. React e Tailwind: defina a tendência.
- 08Pro
Dashboard de métricas da loja
Um seletor de dia, semana, mês e ano troca 4 cards de KPI, sobre uma divisão de receita e lista de mais vendidos. React e Tailwind: busque figures.
- 09Pro
Cards de estatística em destaque
Três cards de métrica sobre textura desfocada, um preenchido na cor da marca para o olho escolher um vencedor. React e Tailwind: mova a flag highlight.