0 Componentes disponíveis

Cards Premium para Power BI

Eleve o nível dos seus dashboards com visuais HTML de alta performance. Uma biblioteca pensada para profissionais que buscam transformar dados em experiências visuais memoráveis e interativas com apenas alguns cliques.

Dark Financeiro Total

1# Comparativo Mensal

Card HTML em tema escuro para comparativo mensal de valores, com indicador visual de crescimento.

Dark Compras Total

2# Pedidos Pendentes

Card HTML em tema escuro para quantidade de Pedidos Pendentes, e Status desses pedidos

Dark Vendas Total Percentual

3# Vendas

Card HTML em tema escuro para valor total de vendas e o percentual que representa sobre uma meta, com uma barra de progresso animada.

Dark Financeiro Total

4# Fluxo de Caixa

Card HTML em tema escuro para valores de Entradas e Saida com barra de progresso sobre cada, e Saldo final em destaque.

Dark Compras Total

5# Itens em estoque

Card HTML em tema escuro quantidade total de itens em estoque, e sobre cada Status (Estoque baixo, sem estoque e em transito).

Dark Projetos Chamado Total Tempo

6# Tickets em aberto

Card HTML em tema escuro quantidade total de Tickes em aberto, com os Status (Críticos,Alta prioridade e Normal) com o Tempo medio de resposta em destaque.

Dark Transporte Total

7# Status de Entrega

Card HTML em tema escuro quantidade total de Entregas, por Status (Em transito, Saiu para entrega, Aguardando Coleta e Atrasadas).

Dark Projeto Média Percentual

8# Avaliação de Performance

Card HTML em tema escuro sobre Nota media geral, como tambem Meta atingida, Satisfação e Avaliações pendentes em destaque.

Dark Projeto Média Percentual

8# Avaliação de Performance

Card HTML em tema escuro sobre Nota media geral, como tambem Meta atingida, Satisfação e Avaliações pendentes em destaque.

Dark Financeiro Total Percentual

9# Receita por Canal

Card HTML em tema escuro sobre Receita, podendo ser E-commerce, Loja fisica, Marketplace e B2B Direto.

Dark Vendas Total

10# Funil de Conversão

Card HTML em tema escuro Funil de Conversão, apresentando valores sobre as categorias (Visitantes, Leads, Propostas e Vendas), todos com % de cada e a Taxa de conversão em destaque.

Dark Vendas Total

10# Total de Vendas e Novos Clientes

Card HTML em tema claro sobre Total de Vendas e Novos Clientes, com % sobre cada.

Dark Projeto Percentual

12# Status Sistema operacional

Card HTML em tema escuro sobre Status atual do sistema, com horario da Última verificação.

Dark Projeto Tempo

13# Status Sistema operacional

Card HTML em tema escuro sobre Status atual do sistema, com horario da Última verificação.

Dark Projeto Total Tempo

14# Conclusão de Tarefas

Card HTML em tema escuro sobre quantidade de conclusão de tarefas e o percentual pelo total, e destacando quantas falta para completar 100%.

Dark Projeto

15# Footer

Card HTML em tema escuro sobre o rodapé da página, contendo informações de copyright e links úteis.

Dark Financeiro Total

16# Receita Total

Card HTML em tema gradiente, sobre Total de Receita e o percentual em comparação ao mês anterior.

Dark Comercial Total

17# Clientes ativos

Card HTML em tema claro sobre quantidade total de clientes ativos.

Light Vendas Total

18# Vendas

Card HTML em tema claro sobre o valor de Vendas e a Meta, com um Status em destaque para facilitar a compreensão.

Light Vendas Total

18# Vendas

Card HTML em tema claro sobre o valor de Vendas e a Meta, com um Status em destaque para facilitar a compreensão.

Light Vendas Média Total

19# Vendas e Ticket Medio

Card HTML em tema claro sobre o valor de Vendas e Ticket Medio e percentual sobre esses valores.

Light Financeiro Percentual

20# Análise de Tendências

Card HTML em tema claro sobre um comparativo do atual VS (Semana anterior, Mês anterior e Ano anterior), destacando o percentual desses comparativos.

Light Financeiro Total Percentual

21# Desempenho Geral

Card HTML em tema claro sobre Nota do Desempenho Geral, com um percentual e o Status sobre o Desempenho em destaque.

Light Financeiro Total Percentual

22# Dashboard Executivo

Card HTML em tema claro sobre Receita, Clientes e NPS Score, realizando o Top dos Produtos mais vendidos e valores totais das vendas.

Light Vendas Total Percentual

23# Visitas, Conversões e Taxa

Card HTML em tema claro sobre quantidade de Visitas, total de Conversões e o percentual de Taxa.

Light Vendas Total Percentual

24# Comparativo Trimestral

Card HTML em tema claro sobre Comparativo Trimestral dos valores e o percentual de Crescimento ou Queda em destaque.

Light Vendas Percentual

25# Taxa de Conversão

Card HTML em tema vibrante sobre Taxa de Conversão e o percentual comparando a semana anterior.

Dark Projeto Total Percentual

26# Projeto - Sprint

Card HTML em tema escuro sobre percentual do Progresso, quantidade de tarefas concluidas, em progresso e pendentes, com Prazo final em destaque informando a data.

Dark Vendas Total Percentual

27# Novos Clientes

Card HTML em tema gradiente sobre quantidade total de Clientes e o percentual de aumento ou queda em comparação ao periodo anterior.

Dark Financeiro Total Percentual

28# Receita Total

Card HTML em tema gradiente sobre valor total da Receita e o percentual de aumento ou queda comparando ao periodo anterior.

Light Financeiro Total Percentual

29# Receita Trimestral

Card HTML em tema claro sobre o valor da Receita e com o percentual de aumento e queda, com uma breve explicação abaixo dando mais detalhes.

Light Financeiro Total Percentual

30# Conjunto de cards

Cards HTML com Icones em tema claro sobre total de Receita, Clientes Ativos, Pedidos e Taxa de conversão, todos apresentando percentual de aumento ou queda.

Light Financeiro Total Percentual

31# Comparativo de Performance

Cards HTML em tema claro sobre Receita Mensal e Ticket Medio comparando valores do periodo atual com o periodo anterior, e destacando com percentual de aumento ou queda desses valores.

Light Financeiro Total Percentual

32# Cards de Receita Mensal, Churn Rate e Novos Clientes

Cards HTML em tema claro sobre Receita Mensal, Churn Rate e Novos Clientes. Todos com o percentual de comparativo com o periodo anterior, barra de progresso e o percentual de aumento o queda em destaque.

Light Financeiro Total Percentual

33# Cards Crescimento, Redução, Estável e Conversão

Cards HTML em coluna com tema claro sobre Crescimento, Redução, Estável e Conversão, percentual de cada e a taxa de aumento o queda em comparativo com o periodo anterior.

Light Financeiro Total Percentual

34# Conjunto de diversos cards

Cards HTML com tema claro sobre Receita, Clientes, Taxa, Net Promoter Score, Ticket Medio e Taxa de Churn, apresentando seus valores e percentuais sobre o periodo anterior. Com icones e destacando os percentual.

Light Financeiro Total Médio

35# Resumo de valores

Card de resumo com múltiplas informações.

Light Financeiro Total

36# Tabela Ranking

Tabela estilo ranking com posições.

Light Financeiro Total Percentual

37# Scorecard Executivo

Tabela estilo ranking com posições.

Dark Financeiro Total

38# Scorecard Financeiro

Scorecard de resultados financeiros.

Light Percentual

39# Gaude Bateria

Apresentando o percentual e valores sobre uma metrica, e destacando o percentual com um visualização diferente.

Light Percentual

40# Seção Comparativa

Blocos de comparação lado a lado.

Light Financeiro Vendas Transporte Percentual

41# Barra de Progresso Premium

Indicador visual de progresso em relação a uma meta. Ideal para metas de vendas, OKRs e KPIs percentuais.

Light Financeiro Vendas Percentual

42# Card de Faturamento

Card KPI principal para exibir faturamento ou receita total. Use como destaque central do dashboard.

Light Financeiro Vendas Percentual

43# Card de Crescimento

Card para exibir métricas de crescimento com comparativo visual. Ideal para crescimento MoM, YoY.

Light Financeiro Vendas Total Ticket Médio

44# Mini Card KPI

Card compacto para exibir múltiplos KPIs em linha. Ideal para barras de indicadores no topo do dashboard.

Light Financeiro Vendas Total

45# Card de Insight

Bloco narrativo para explicar um resultado ou tendência observada nos dados. Use para guiar a leitura do dashboard.

Light Financeiro Vendas Total Percentual

46# Card de Meta

Card que mostra progresso visual em relação a uma meta definida. Perfeito para acompanhamento de OKRs.

Light Financeiro Total Percentual

47# Card KPI Duplo

Card com dois KPIs lado a lado para economia de espaço. Ideal para dashboards densos.

Light Vendas Total

48# Card de Ranking

Card com ranking compacto dos top performers. Use para vendedores, produtos ou regiões.

Light

49# Checklist Visual

Lista de verificação com ícones de status. Use para acompanhamento de tarefas ou requisitos do projeto.

Light

50# Feed de Atividades

Timeline de atividades recentes. Ideal para logs de eventos ou histórico de ações no dashboard.

Light

51# Lista de Métricas

Lista compacta de métricas com labels e valores alinhados. Perfeita para painéis laterais.

Light

52# Timeline Vertical

Linha do tempo vertical com marcos e datas. Ideal para evolução de projetos ou metas trimestrais.

Light Financeiro

53# Barra Comparativa

Barras horizontais lado a lado para comparação visual de dois valores. Leitura rápida e intuitiva.

Light Financeiro Percentual

54# Barra Empilhada

Barra horizontal empilhada com legenda. Mostra composição de um total de forma compacta.

Light Financeiro Total Percentual

55# Banner de Meta Pulsante

Banner com ícone pulsante e barra de progresso animada para metas.

Dark Financeiro Total Percentual

56# Card KPI Dark com Brilho

Card escuro com efeito de brilho radiante animado.

Light Vendas Total

57# Card Comparativo

Card com comparação lado a lado de dois períodos com animação.

Light Financeiro Total Percentual

58# Grid de Métricas com Ícones

Grid 2x2 de métricas com ícones animados, perfeito para visão geral.

Light Financeiro Total Percentual

59# Card Multi-KPI Horizontal

Card com 3 KPIs lado a lado, entrada escalonada.

Light Financeiro Total Percentual

60# Card Glassmorphism

Card com efeito vidro (glassmorphism) moderno e translúcido.

Light Financeiro Total Percentual

61# Card com Borda Superior Colorida

Card limpo com borda top colorida indicando o tipo de métrica.

Light Total

62# Card Meta Atingida

Card celebrativo quando uma meta é alcançada, com efeito de confete.

Light Total

63# Card Dual KPI

Card com dois KPIs empilhados separados por divisor.

Light Total Percentual

64# Barra de Progresso Gradiente

Barra de progresso horizontal com gradiente animado e percentual.

Light Total Percentual

65# Barra Múltiplas Escalonadas

Conjunto de barras de progresso com entrada escalonada para comparação.

Light Total Percentual

66# Indicador de Etapas

Steps/stepper horizontal para mostrar progresso em etapas.

Light Total Percentual

67# Barra Empilhada Animada

Barra horizontal empilhada com múltiplas categorias animadas.

Light Total

68# Indicador de Progresso Dots

Indicador de progresso com pontos animados sequencialmente.

Light Total

69# Barra Segmentada

Barra de progresso dividida em segmentos com preenchimento animado.

Light Total

70# Barra Listrada Animada

Barra de progresso com listras diagonais em movimento contínuo.

Light Total

71# Linha do Tempo de Marcos

Timeline horizontal de milestones/marcos do projeto com animação.