Demos — Componentes e Tema

Tema Visual

Modo atual: —

Primary

--mui-palette-primary-main

Secondary

--mui-palette-secondary-main

Success

--mui-palette-success-main

Warning

--mui-palette-warning-main

Error

--mui-palette-error-main

Info

--mui-palette-info-main
Filtrar por categoria
Átomos
BadgeDot
StatusBadge
Ativo
Atenção
Falha
Pausado
Rascunho
TagChip
Todos
Marketing (12)
Produto (4)
IconButtonWithTooltip
KPIValue

Receita

R$ 12.345,67

Mês atual

Conversão

12,8%

Últimos 7 dias

Usuários

4.210

DeltaPill
+12,34
-3,2
+0,01
0
AvatarWithFallback
AS
BD
C
D
SkeletonBlock
InlineError
LoadingOverlay
VisuallyHidden
DotSeparator

Item AItem BItem C

LabelHelp
Nome
InfoBadge
Info
Beta
NEW
SectionTitle

Seção de Relatórios

Resumo do mês atual

ColorSwatch
#FA5A05
#1F2937
#10B981
ProgressMini
65%
NotificationsBell
TogglePill
Inativo
CopyToClipboardButton
Átomos “legacy”
defaultinfowarnsuccessdanger
AlphaBetaGamma
Moléculas
TableToolbar
DateRangePicker
SearchField
SortControl
FilterChipGroup
Todos
Marketing
Produto
Vendas
Suporte
Financeiro
UX
PaginationControls
KPIStatCard

Receita

US$ 12.345,67

+12,5

Conversão

14,5%

-0,8

Usuários

4.200

0
SummaryBar
OK: 128
Alertas: 12
Erros: 3
Pausados: 5
ConfirmDialog
FormRow + NumberField

R$

Insira um valor monetário

SelectAsync
TagAutocomplete
Alpha
EmptyState
Sem resultados

Tente ajustar os filtros ou buscar outro termo.

ToolbarActions
SectionCard
RelatórioMês atual

Conteúdo do relatório...

StepperDialog
SnackbarAlert
SplitButton
FileDropArea

Arraste e solte arquivos aqui

ou clique para escolher (múltiplos)
TabsWithRouting
MetricSparkline
Gráficos
Exemplo de LinhasDuas séries com toolbar e legenda
    Série A
    Série B
Organismos
DataTable Example
IDNomeValorData
1Item 1822025-09-04
10Item 109432025-08-26
100Item 1008622025-05-28
101Item 1018832025-05-27
102Item 102382025-05-26
103Item 1039592025-05-25
104Item 1042582025-05-24
105Item 1058052025-05-23
106Item 1066832025-05-22
107Item 107952025-05-21
Total: 127
DashboardGrid
Receita

Receita

US$ 12.345,67

+12,3
Conversão

Conversão

14,2%

-0,8
Usuários

Usuários

4.200

0
CompetitiveMatrix
Matriz Competitiva
    PME
    Enterprise
    Mid
AdsGalleryView
Total: 10
Ativos: 7
Pausados: 3
Prévia do anúncio: Conheça a nova linha Acme
meta
awareness
active
Acme

Conheça a nova linha Acme

Top of funnel awareness

Imp.

180.234

Cliques

4.211

Conv.

210

Gasto

R$ 1.543,20

Início

2025-08-01

Fim

—

Prévia do anúncio: Globex: visite nossa landing
meta
traffic
paused
Globex

Globex: visite nossa landing

Consideration stage

Imp.

92.345

Cliques

5.123

Conv.

95

Gasto

R$ 890,12

Início

2025-07-10

Fim

2025-08-20

Prévia do anúncio: Baixe o e-book da Initech
google
leads
active
Initech

Baixe o e-book da Initech

Lead gen

Imp.

120.034

Cliques

8.421

Conv.

350

Gasto

R$ 2.310,80

Início

2025-08-15

Fim

—

Prévia do anúncio: Compre agora com 20% OFF
google
sales
active
Acme

Compre agora com 20% OFF

BOFU sales

Imp.

65.321

Cliques

4.322

Conv.

720

Gasto

R$ 5.120,33

Início

2025-07-01

Fim

—

Prévia do anúncio: Umbrella Summer Vibes
tiktok
awareness
paused
Umbrella

Umbrella Summer Vibes

Brand lift

Imp.

203.450

Cliques

5.231

Conv.

41

Gasto

R$ 430,50

Início

2025-06-01

Fim

2025-07-01

Prévia do anúncio: Desafio Globex #Vai
tiktok
traffic
active
Globex

Desafio Globex #Vai

UGC push

Imp.

98.012

Cliques

12.933

Conv.

120

Gasto

R$ 760,00

Início

2025-08-05

Fim

—

Prévia do anúncio: Relatório 2025 de Cloud Hooli
linkedin
leads
active
Hooli

Relatório 2025 de Cloud Hooli

B2B whitepaper

Imp.

40.321

Cliques

1.343

Conv.

280

Gasto

R$ 1.870,00

Início

2025-05-20

Fim

—

Prévia do anúncio: Demonstração Initech Pro
linkedin
sales
paused
Initech

Demonstração Initech Pro

Book a demo

Imp.

21.098

Cliques

854

Conv.

64

Gasto

R$ 980,00

Início

2025-04-01

Fim

2025-05-15

Prévia do anúncio: Combo Acme FLASH
meta
sales
active
Acme

Combo Acme FLASH

Limited time

Imp.

50.000

Cliques

3.500

Conv.

600

Gasto

R$ 2.100,00

Início

2025-08-25

Fim

—

Prévia do anúncio: Globex Search Expansion
google
traffic
active
Globex

Globex Search Expansion

Generic terms

Imp.

200.000

Cliques

22.000

Conv.

300

Gasto

R$ 1.450,00

Início

2025-08-10

Fim

—

SlidesDeck
Slide 1

Conteúdo do slide 1

EmbedPageFrame

Sandbox

Sandbox
FormWizard
Dados Pessoais
Dados Pessoais
Confirmação
PreferencesPanel
  • Tema

    Claro, Escuro ou Automático

  • Idioma

    Locale para formatação/strings

  • Notificações

    Receber alertas por push/email

NotificationsCenter
  • Notificação 1

    Detalhe da notificação — 2025-09-01

  • Notificação 2

    Detalhe da notificação — 2025-09-01

  • Notificação 3

    Detalhe da notificação — 2025-09-01

  • Notificação 4

    Detalhe da notificação — 2025-09-01

  • Notificação 5

    Detalhe da notificação — 2025-09-01

  • Notificação 6

    Detalhe da notificação — 2025-09-01

  • Notificação 7

    Detalhe da notificação — 2025-09-01

  • Notificação 8

    Detalhe da notificação — 2025-09-01

AuditLogTable
ACTORACTIONRESOURCEAT
user0UPDATEDres-02025-09-01
user1UPDATEDres-12025-09-02
user2UPDATEDres-22025-09-03
user3UPDATEDres-32025-09-04
user4UPDATEDres-42025-09-05
user5UPDATEDres-52025-09-06
SidePanelDrawer

Outros organismos em uso: SlidesCarousel, DashboardGrid, CanvasBoard, ProjectSwitcher, RBACGuard.