Dashboard financeiro

Uma tela de finanças pessoais completa - balance os cartões KPI, um sankey de fluxo de caixa de largura total de fontes de renda para gastos, anéis de gastos por categoria, risco de portfólio vs. bolhas de retorno, um heatmap de gastos diários, e uma tabela de dados de transações. Totalmente responsivo, até uma gaveta de slide-in no celular.

Prévia interativa
Painel de finanças
Nova aba
boardui.com/templates/finance

Finanças

5

Saldo total

$84,230

+3.2%

Receitas

$18,420

+6.1%

Despesas

$9,140

+2.4%

Investido

$32,400

+8.4%

Cash flow

$18,420

+6.1%
ReceitasGastar

Gastos por categoria

$5,810

+2.4%

Portfólio

7%

+6.2%
VoltarPontuação de risco
Existências8%
Fundos3%
Criptograma12%

Despesas diárias

$4,390

+3.6%
Seg
Ter
Qua
Qui
Sex
Sáb
Dom
W1W3W5W7W9W11
MenosMais

Resultados totais

140 transações

Conta
Categoria
Ações
Mercado inteiro de alimentos
Mercearia
28 de out. de 2026
-$135
Spotify
Assinaturas
15 de jul. de 2026
-$12
Pagamento da Acme Corp
Receitas
17 de jun. de 2026
+$6,200
Armazenamento iCloud
Assinaturas
3 de fev. de 2026
-$3
Utilidade eléctrica
Utilitários
6 de jun. de 2026
-$91
Mercado inteiro de alimentos
Mercearia
5 de abr. de 2026
-$161
Factura do estúdio K
Receitas
14 de dez. de 2026
+$1,286
Shell
Transportes
1 de nov. de 2026
-$76
Netflix
Assinaturas
14 de dez. de 2026
-$18
Armazenamento iCloud
Assinaturas
24 de abr. de 2026
-$3

Instalação

Finance Dashboard é um modelo BoardUI Pro, vendido separadamente.

Modo escuro pronto - este modelo segue tokens semânticos BoardUI automaticamente. Configurar a mudança de tema.

Acesso pro pro

Dashboard financeiro é um Pró modelo.

Sua licença BoardUI Pro desbloqueia isso modelo e todos os seus arquivos fonte. Ative sua licença uma vez, em seguida, instalá-lo diretamente em seu projeto com o CLI.

01

Ativar a sua licença

Use a chave do seu email de compra Lemon Squeezy. Você só precisa fazer isso uma vez por máquina.

npx boardui@latest login YOUR_LICENSE_KEY
02

Instalar o modelo

O CLI copia a fonte e resolve todas as dependências do BoardUI e do npm para você.

npx boardui@latest add template-finance

Isto modelo está incluído no BoardUI Pro

Obter BoardUI Pro agora e instalá-lo termina fora.

Usando um pacote de UI compartilhado ou aliases de importação personalizados? Configure seus caminhos de instalação antes de executar o CLI. Exemplos de copy-paste usam as importações padrão.

O que está incluído

O template ships como um pacote fonte completo: o shell aplicativo responsivo, balance KPI stat cards, o cache-flow sankey, os anéis de gasto-a-categoria, o espalhamento de portfólio com dimensionamento de bolha, o heatmap gasto diário, a tabela de dados de transações (pesquisa, filtros, triagem, paginação), e cada componente base e arquivo de dados de que dependem.