Vitrine de componentes
O sistema de design do protótipo D inteiro numa página, com dado de verdade do dossiê, debaixo da mesma política de segurança do site no ar. Tudo aqui se mexe, e tudo para de se mexer se o sistema pedir menos movimento.
Resposta executiva, com a nota cômica do documento
Resposta executiva
Confiança média30 segundos pela lista, mais um minuto com os cartõesFalta pedido, sobra máquina. O payback bonito, de 1,0 a 6,3 meses, é sem remunerar o dono. E o número central da demanda veio de quem vende franquia.
- O gargalo é a demanda nas doze combinações de produto e cenário, com 0,38 hora humana por peça funcional: sobra máquina, falta pedido. Na peça decorativa, o limite pode passar a ser a pessoa.124
- A máquina roda de 4,4 a 19,8 por cento das 480 horas de base (premissa de site comercial, faixa de 240 a 720, não medição de campo), ou seja fica ociosa de 80,2 a 95,6 por cento.25
- Payback da máquina de R$ 2.087,10, no cenário base com 5 por cento do preço em anúncio (premissa de confiança baixa): de 1,0 a 6,3 meses sem remunerar o dono e de 1,1 a 15,1 meses com o dono pago só pelas 0,38 hora por peça, que é o piso do tempo dele.813
- A demanda central de R$ 2.000 por máquina por mês é projeção da franqueadora NexFarm3D, afirmação interessada. Os relatos brasileiros de primeira pessoa vão de R$ 1.000 a cerca de R$ 1.333, anônimos e sem verificação.216
- O MEI, com teto de R$ 81.000 por ano, estoura na quarta máquina no cenário central (projeção da franqueadora NexFarm3D, afirmação interessada) e na terceira no cenário alto (relato de terceiro).2224
Payback, sempre nas duas versões
Máquina de R$ 2.087,10: de 1,0 a 6,3 meses sem remunerar o dono, de 1,1 a 15,1 com ele pago pelo piso. As duas contas andam juntas porque dono não é brinde.
Em uma frase
Confiança baixaMáquina de R$ 2.087,10, com 5 por cento do preço em anúncio (premissa de confiança baixa): de 1,0 a 6,3 meses sem o dono e de 1,1 a 15,1 meses com o dono pago.813
- Pior caso: peça de 30 g com demanda baixa e dono pago, 15,1 meses. Melhor: serviço de 300 g sob encomenda com demanda alta, 1,0 e 1,1 meses.
- O dono pago recebe só pelas 0,38 hora por peça a R$ 25,00 a hora: no cenário central da peça de 100 g são 9,5 horas e cerca de R$ 238 por mês, o piso do tempo dele.
- Sobre o capital de entrada de R$ 4.953,43 os prazos iriam de 2,4 a 14,9 meses sem o dono e de 2,5 a 35,9 com o dono, como ordem de grandeza.
Todo número abaixo vem do bloco cenarios_de_capacidade_e_payback do modelo, na base de 06/09/2026, que já carrega 5 por cento do preço em anúncio patrocinado. Capex de uma máquina: R$ 2.087,10 no Pix. Custo fixo mensal: DAS do MEI de R$ 87,05, abatido antes do payback. A hora do dono é cobrada a R$ 25,00 e o que o modelo chama de "com o dono remunerado" é a margem depois de pagar esse tempo.
Negócio que só fecha quando o dono trabalha de graça não fecha. Por isso as duas versões andam juntas em toda linha.
Quatro avisos que valem para cada número da seção e não cabem em rodapé. Leia antes de se animar com a tabela.
Quatro avisos que valem para cada número desta seção, e que não podem ficar em rodapé.
Tudo vale com 5 por cento de anúncio, a premissa mais frágil do modelo. A 20 por cento, o pior caso deixa de ter payback. Enquanto durar.
- Toda faixa abaixo é do cenário base, com 5 por cento do preço em anúncio patrocinado. Essa é a premissa mais frágil do modelo: confiança baixa, faixa declarada de 0 a 20 por cento, regra de bolso de agência e não taxa publicada. A 8 por cento a faixa inteira já vira de 1,1 a 6,9 meses sem o dono e de 1,1 a 19,3 com o dono, e a 20 por cento a peça de 30 g com demanda baixa e dono pago deixa de ter payback.
Dono pago só pelas 0,38 hora por peça: no cenário central, 9,5 horas e cerca de R$ 238 por mês. Atendimento e foto são cortesia.
- "Com o dono remunerado" paga o dono só pelas 0,38 hora por peça de manuseio, postagem e acabamento, a R$ 25,00 a hora. Não paga modelagem, atendimento, foto de anúncio, gestão de anúncio nem venda. No cenário central da peça de 100 g isso dá 9,5 horas por mês e cerca de R$ 238. Não é o custo total do tempo do dono, é o piso dele.
A máquina é só 42,1 por cento do capital de entrada de R$ 4.953,43. O payback é dela. O resto do dinheiro não foi convidado.
- O numerador é a máquina sozinha, R$ 2.087,10, que é 42,1 por cento do capital de entrada de R$ 4.953,43 que o próprio dossiê monta (
04-custos-e-rentabilidade/01-custo-de-entrada.md). Sobre o capital de entrada inteiro, a mesma margem mensal daria de 2,4 a 14,9 meses sem o dono e de 2,5 a 35,9 com o dono. Esse segundo par é ordem de grandeza e não conta fechada, porque estoque de filamento, verba de anúncio e DAS já aparecem dentro da margem mensal e seriam contados duas vezes. Onde estiver escrito "payback", leia payback da máquina, não do negócio.
Quem só vende em marketplace paga DAS de R$ 82,05, não de R$ 87,05. O modelo escolheu o mais caro: erra para pior, de propósito.
- O DAS de R$ 87,05 usado aqui é a faixa de comércio mais serviço. Quem só vende em marketplace paga R$ 82,05 e os extremos virariam 1,0 a 6,2 meses sem o dono e 1,1 a 14,6 com o dono 12. A escolha do modelo puxa para pior, não para melhor.
Peça de 30 g a R$ 39,90: R$ 11,98 de taxa do canal, R$ 8,98 de margem com o dono pago. O sócio majoritário é o canal.
Peça de 30 g de PLA a R$ 39,90 na Shopee. Taxa do canal de R$ 11,98 (30,0 por cento do preço), anúncio de R$ 2,00, custo direto de R$ 7,36, margem de contribuição de R$ 18,57 sem remunerar o dono e de R$ 8,98 com o dono remunerado, ou R$ 22,10 e R$ 10,68 por hora de máquina:
- demanda baixa: 25,1 peças por mês, 21,1 horas de máquina, 4,4 por cento de uso, margem mensal de R$ 378,36 e de R$ 138,01, payback de 5,5 e de 15,1 meses
- central: 50,1 peças, 42,1 horas, 8,8 por cento de uso, R$ 843,78 e R$ 363,08, payback de 2,5 e de 5,7 meses
- alta: 68,0 peças, 57,1 horas, 11,9 por cento de uso, R$ 1.176,08 e R$ 523,77, payback de 1,8 e de 4,0 meses
Peça de 100 g a R$ 79,90, cenário central: 25,0 peças, 70,1 horas de máquina, payback de 2,5 e de 3,4 meses. A impressora mal sua.
Peça de 100 g a R$ 79,90 na Shopee. Taxa de R$ 19,98 (25,0 por cento), anúncio de R$ 4,00, custo direto de R$ 18,48, margem de R$ 37,45 e de R$ 27,87, ou R$ 13,37 e R$ 9,95 por hora de máquina:
- demanda baixa: 12,5 peças, 35,0 horas, 7,3 por cento, R$ 381,66 e R$ 261,76, payback de 5,5 e de 8,0 meses
- central: 25,0 peças, 70,1 horas, 14,6 por cento, R$ 850,37 e R$ 610,57, payback de 2,5 e de 3,4 meses
- alta: 34,0 peças, 95,1 horas, 19,8 por cento, R$ 1.185,03 e R$ 859,62, payback de 1,8 e de 2,4 meses
A mesma peça a R$ 88,36, o preço de empate: margem de R$ 37,09 e de R$ 27,51, payback central de 2,8 e de 3,9 meses. Empate com asterisco.
A mesma peça de 100 g a R$ 88,36, que é o preço calculado para empatar depois do degrau de tarifa da Shopee. Taxa de R$ 28,37 (32,1 por cento), anúncio de R$ 4,42, margem de R$ 37,09 e de R$ 27,51:
- demanda baixa: 11,3 peças, 31,7 horas, 6,6 por cento, R$ 332,71 e R$ 224,29, payback de 6,3 e de 9,3 meses
- central: 22,6 peças, 63,4 horas, 13,2 por cento, R$ 752,47 e R$ 535,63, payback de 2,8 e de 3,9 meses
- alta: 30,7 peças, 86,0 horas, 17,9 por cento, R$ 1.052,18 e R$ 757,93, payback de 2,0 e de 2,8 meses
Subir de R$ 79,90 para R$ 88,36 rende R$ 0,36 a MENOS por peça. O anúncio cobra pedágio sobre o aumento.
Aqui mora um achado que só aparece com o anúncio dentro da conta: subir o preço de R$ 79,90 para R$ 88,36 para atravessar o degrau devolve R$ 37,09 de margem contra R$ 37,45, ou seja R$ 0,36 a MENOS por peça. Sem verba de anúncio o preço de empate empata mesmo (R$ 41,51 contra R$ 41,44). Com 5 por cento do preço indo para anúncio, o preço mais alto leva junto uma verba de anúncio mais alta e o empate vira prejuízo pequeno. Preço de empate calculado sem anúncio não empata quando existe anúncio.
300 g sob encomenda a R$ 300,00, sem taxa de canal: margem de R$ 234,76 e de R$ 225,18. Sem intermediário sobra dinheiro. Quem diria.
Peça de 300 g impressa sob encomenda a R$ 300,00, sem taxa de canal. Anúncio de R$ 15,00, custo direto de R$ 50,24, margem de R$ 234,76 e de R$ 225,18, ou R$ 27,95 e R$ 26,81 por hora de máquina:
- demanda baixa: 3,3 peças, 28,0 horas, 5,8 por cento, R$ 695,48 e R$ 663,55, payback de 3,0 e de 3,1 meses
- central: 6,7 peças, 56,0 horas, 11,7 por cento, R$ 1.478,02 e R$ 1.414,15, payback de 1,4 e de 1,5 meses
- alta: 9,0 peças, 76,0 horas, 15,8 por cento, R$ 2.036,75 e R$ 1.950,08, payback de 1,0 e de 1,1 meses
A peça grande consome 8,4 horas de máquina e as mesmas 0,38 hora humana. O dono se dilui. No chaveiro, ele é metade do custo.
Neste último a distância entre as duas versões quase some, e a razão é aritmética: a peça grande consome 8,4 horas de máquina e as mesmas 0,38 hora humana das outras. Quanto mais tempo de máquina por peça, mais o tempo do dono se dilui. É o contrário do chaveiro, onde o dono é metade do custo.
Fechando: de 1,0 a 6,3 meses sem remunerar o dono, de 1,1 a 15,1 com ele. Gargalo nas doze combinações: demanda. Unanimidade rara.
Fechando a faixa inteira, quatro produtos e três cenários de demanda, sempre no cenário base com 5 por cento do preço em anúncio, e lembrando o que sustenta cada ponta: o cenário baixo é relato de um operador brasileiro anônimo no primeiro mês comercial, o central é projeção da franqueadora NexFarm3D, afirmação interessada de quem vende franquia, e o alto é relato de terceiro sobre uma operação de 70 máquinas.
- payback da máquina de R$ 2.087,10 sem remunerar o dono: de 1,0 a 6,3 meses
- payback da mesma máquina com o dono remunerado pelas 0,38 hora por peça: de 1,1 a 15,1 meses
- os mesmos prazos sobre o capital de entrada de R$ 4.953,43, como ordem de grandeza: de 2,4 a 14,9 meses e de 2,5 a 35,9 meses
- utilização da máquina sobre a base premissa de 480 horas por mês, com faixa declarada de 240 a 720: de 4,4 a 19,8 por cento, ou seja ociosidade de 80,2 a 95,6 por cento dessa mesma base
- gargalo: demanda nas doze combinações, sem exceção, sob a premissa de 0,38 hora humana por peça de peça funcional
Cinco por cento de anúncio empurram o pior caso com o dono pago de 11,1 para 15,1 meses. Ser visto tem preço.
Para comparar com a versão anterior do modelo, que não tinha verba de anúncio nenhuma: nos três produtos de marketplace, com a premissa anuncio-patrocinado-pct-do-preco em zero, o payback ia de 1,6 a 5,5 meses sem remunerar o dono e de 2,1 a 11,1 meses com o dono remunerado. Cinco por cento de anúncio empurra o pior caso com o dono pago de 11,1 para 15,1 meses.
Confiança desenhada, não só colorida
Confiança baixadepende do anúncio a 5 por cento, a premissa mais frágil do modelo
Fontes citadas nesta página
- Fonte 1: Tópico: Qual a tendencia do Mercado 3D?
- Fonte 2: NexFarm3D
- Fonte 4: Fio do Reddit: O que está acontecendo?
- Fonte 6: Fio do Reddit: Eu tenho uma pergunta, o que vocês acham deste cara?
- Fonte 8: ArtBox3D Maker, catalogo de impressoras 3D
- Fonte 12: Agencia Sebrae de Noticias, valor da contribuicao do MEI em 2026 (materias de 10/12/2025, 30/12/2025 e 28/01/2026)
- Fonte 13: Shopee Ads, central de aprendizado do vendedor (137 artigos)
- Fonte 22: Camara dos Deputados, Dados Abertos, PLP 186/2026 (proposicao 2635476) e inteiro teor
- Fonte 25: Print Calc, calculadora de custo de impressao 3D
Arrasta e solta nativo
O gargalo é cliente, não máquina. Ociosa de 80,2 a 95,6 por cento da jornada que o modelo arbitra. Segunda impressora não cura a primeira parada.
Os oito números do painel do Início, em lista que se reordena. Com o mouse é o arrasta e solta do próprio navegador, pela pega. No celular o dedo leva o item. No teclado, foco na pega e setas. Para quem prefere botão, subir e descer. A ordem fica lembrada e o botão de restaurar devolve a original.
- Demanda central por máquinaR$ 2.000Confiança baixaR$ 2.000 por impressora por mês, segundo quem vende a franquia. Unidade em operação exibida: nenhuma.
- Relatos de primeira pessoa de operadores brasileirosR$ 1.000 a cerca de R$ 1.333Confiança baixaRelato anônimo de fórum: de R$ 1.000 a cerca de R$ 1.333. Sem print, nota fiscal nem extrato. Acredite com moderação.
- Tempo em que a máquina fica parada80,2 a 95,6 por centoConfiança baixaParada de 80,2 a 95,6 por cento das 480 horas, que são premissa. O percentual se discute, a direção não.
- Payback da máquina com o dono pago1,1 a 15,1 mesesConfiança baixaDe 1,1 a 15,1 meses com o dono pago. Só vale com anúncio a 5 por cento: a 8, vai a 19,3 meses. Premissa frágil, prazo elástico.
- Margem por hora de máquina no varejoR$ 22,10Confiança baixaR$ 22,10 por hora de máquina sem remunerar o dono; com ele pago, R$ 10,68. Preço escolhido pelo modelo, não observado.
- Máquina e insumo para começarR$ 2.230 a R$ 2.699Confiança médiaDe R$ 2.230 a R$ 2.699 você monta a oficina, não o negócio. O custo real se aproxima do dobro.
- Shopee abaixo de R$ 8,0070 por centoConfiança altaAbaixo de R$ 8,00, 70 por cento do preço fica com o canal. Você entra com a peça e o filamento.
- Teto do MEIR$ 81.000Confiança altaR$ 81.000 por ano, congelado desde 2018. O teto tem mais estabilidade que o seu faturamento.
Arraste pela pega, ou use as setas do teclado com o foco nela. A ordem fica lembrada neste navegador.
Adesivos que se arrastam para onde você quiser
Sete desenhos originais da bancada de quem imprime. Abra a cartela, arraste um para a página e solte. Os três do topo desta página também se descolam. Recolher devolve tudo.
- impressora 3D
- carretel de filamento
- bico quente
- moeda
- cubo de calibração
- vaso impresso em camadas
- espátula de tirar peça
Botões, campos e etiquetas
Passe o ponteiro e aperte: o botão sobe 3 px com sombra de 6, afunda na sombra ao apertar e volta quicando. No teclado, o anel de foco tem 3 px.
Peça de 30 g a R$ 39,90 na Shopee: 42,1 horas de máquina usadas das 480 de base. O resto do mês ela descansa.
O esqueleto acima pisca enquanto algo carrega.
O que flutua sobre a página
Contorno de 2 px, canto de 12 px, sombra de 6 px: a medida do menu flutuante da referência. Todo painel estala ao abrir e sai em 180 ms. A busca por título mora na barra do topo (Ctrl K, ou Cmd K no Mac).
Abas e sanfona
Abas do registro, com a placa que desliza
R$ 1.000
por máquina por mês
Relato de um operador brasileiro no primeiro mês comercial, uma máquina.
Confiança baixa
R$ 2.000
por máquina por mês
Projeção da franqueadora NexFarm3D, afirmação interessada de quem vende franquia.
Confiança baixa
R$ 2.714
por máquina por mês
Ponto médio de relato de terceiro sobre uma operação de 70 máquinas, sem margem e sem quebra de custo.
Confiança baixa
Abas com mola do Motion e painel em HTML estático
4,4 por cento
de uso da máquina no cenário baixo
8,8 por cento
de uso da máquina no cenário central
11,9 por cento
de uso da máquina no cenário alto
Ficaram de fora: anúncio mais caro, devolução, campanha de destaque, frete e o tempo até a primeira venda. Tudo piora o payback. Nada melhora.
Tudo o que ficou fora do modelo empurra o payback para cima; nada empurra para baixo.
De 5 para 8 por cento de anúncio, o pior caso vai de 15,1 para 19,3 meses. A 20 por cento a conta quebra. O anúncio cobra mais de quem tem menos.
De 5 para 8 por cento de anúncio, a faixa de payback vai a 1,1 a 6,9 meses sem o dono e 1,1 a 19,3 meses com o dono.
Hipótese generosa: R$ 2.000 por máquina, sempre. Mesmo assim, na décima nona máquina o gargalo vira a pessoa. Daí em diante, máquina nova não produz nada novo.
Com a hipótese generosa de R$ 2.000 de demanda por máquina (projeção da franqueadora NexFarm3D, afirmação interessada), o payback sem remunerar o dono fica em 2,5 meses com 1 máquina e em 2,2 meses com 10.
Tabela
90 impressoras com preço, de 94 no catálogo. Campo vazio no CSV fica vazio, nunca preenchido. Escolha com calma: a máquina não é o gargalo.
As seis impressoras FDM mais baratas do catálogo, só para mostrar a pele da tabela. O comparador de verdade, com filtro, busca e ordenação, é da página de visualizações.
| Modelo | Loja | Volume | Preço | Preço em barra |
|---|---|---|---|---|
| Creality Ender 3 | PrintaLot | sem dado | R$ 1.272,91 | |
| Creality Ender 3 V3 SE | Slim3D | 12,1 L | R$ 1.618,28 | |
| Creality Ender 3 Max Neo | PrintaLot | sem dado | R$ 2.026,09 | |
| Bambu Lab A1 mini | ArtBox3D | 5,8 L | R$ 2.087,10 | |
| Creality Ender 3 V3 KE | Slim3D | 11,6 L | R$ 2.207,08 | |
| Creality Ender 3 S1 Pro | PrintaLot | sem dado | R$ 2.595,02 |
Fundação: cor, tipo e forma
Cada cor tem um trabalho, e todo texto sobre cor é tinta
- papelfundo de toda página, sempre clarocontraste do texto: 13,64 no claro, 14,92 no escuro
- superfícieobjeto: tabela, gráfico, campo, cartãocontraste do texto: 14,78 no claro, 12,92 no escuro
- amareloresposta e açãocontraste do texto: 9,56 no claro, 9,56 no escuro
- lilása voz do TL;DR cômico, e só elacontraste do texto: 6,11 no claro, 6,11 no escuro
- verde águaconfiança alta, ganhocontraste do texto: 7,40 no claro, 7,40 no escuro
- rosaconfiança baixa, custocontraste do texto: 7,36 no claro, 7,36 no escuro
- lavandainformação e comparaçãocontraste do texto: 6,36 no claro, 6,36 no escuro
- verdesó marca pequena: conferidocontraste do texto: 4,59 no claro, 4,59 no escuro
Pior par de texto medido: 4,59 no claro e 4,59 no escuro (mínimo exigido: 4,5). Nenhuma cor chapada chega a 3 para 1 contra o papel sem contorno, por isso todo preenchimento leva contorno.
Poppins fala, Source Sans 3 lê
tipo-vitrine
só a pergunta do Início- Dá para ganhar dinheiro
tipo-t1
título de página- Cenários de payback
tipo-t2
título de seção- Payback, sempre nas duas versões
tipo-t3
título de gráfico e de bloco- Sobra máquina, falta pedido: o uso fica de 4,4 a 19,8 por cento das 480 horas de base
tipo-tldr-g
nota cômica do documento- Dá. Mas não do jeito que te ensinaram.
tipo-leitura
corpo da seção longa, medida de 38rem- O gargalo não é a máquina, é a falta de cliente: nas doze combinações de produto, preço e cenário do modelo, quem limita a produção é a demanda.
tipo-pequeno
unidade, legenda, trilha- por cento das 480 horas de máquina por mês
Forma: 1 px é região, 2 px é ação, sombra quer dizer clique
Movimento, componente por componente
De 120 a 320 ms, com caráter neobrutal: afundar na sombra, estalar, deslizar, quicar de leve. Tudo por folha externa ou por JavaScript depois do carregamento, que é o que a política de segurança aceita. A última coluna é o que acontece com movimento reduzido.
| componente | animação | técnica | movimento reduzido |
|---|---|---|---|
| Botão (button) | levanta 3 px com sombra de 6 no hover; afunda na sombra ao apertar; volta quicando | transição CSS de translate e box-shadow (classe nb-levanta), 120 ms na ida e 200 ms na volta | vai direto ao estado final |
| Etiqueta (badge) | parada quando é informação; como link ou botão levanta 2 px e afunda | transição CSS por seletor de elemento (a ou button com data-slot badge) | sem deslocamento |
| Cartão (card) | parado quando é região; como link leva nb-levanta; com data-entra estala ao entrar na tela | transição CSS; keyframes estalo ligados por IntersectionObserver (movimento.ts) | aparece pronto |
| Abas (tabs) | placa amarela desliza de uma aba para a outra e passa um pouco do ponto; o painel novo sobe 6 px | Tabs.Indicator do Base UI (posição em variável escrita por JavaScript) com transição CSS; keyframes painel-entra | a placa pula e o painel troca seco |
| Abas deslizantes (AbasDeslizantes) | o mesmo gesto, com mola | motion.span com layoutId, sem initial no servidor, MotionConfig reducedMotion user | a placa pula |
Alternador e grupo (toggle, toggle-group) | solto levanta no hover; apertado afunda e fica amarelo; solto de novo volta quicando | transição CSS guiada por data-pressed | troca de cor sem deslocar |
| Sanfona (accordion) | o item levanta no hover e afunda ao apertar; o painel abre em altura; a seta gira quicando; o conteúdo sobe logo atrás | transição CSS de height até a variável que o Base UI escreve por JavaScript; keyframes painel-entra | abre e fecha seco (medido no teste) |
| Recolhível (collapsible) e Ler a seção completa | painel abre em 300 ms com a curva simétrica da referência; seta gira; conteúdo sobe logo atrás | a mesma receita da sanfona | abre seco |
| Diálogo (dialog) | o véu entra em 200 ms; o painel estala (cresce de 90 por cento, passa do ponto e assenta); sai em 180 ms | keyframes abre-estalo e fecha-estalo guiados por data-open e data-closed | aparece e some seco |
| Gaveta (sheet) | painel flutuante desliza do lado e quica ao assentar; por não encostar na borda, nunca abre fresta | keyframes gaveta-entra e gaveta-sai guiados por data-open e data-closed | aparece no lugar |
| Bandeja (drawer) | sobe do pé da tela, acompanha o dedo ao arrastar e volta ou fecha com a força do gesto | receita oficial do Base UI Drawer: transform por variável escrita por JavaScript, transição CSS | aparece no lugar |
| Popover, dica e cartão de hover | estalam a partir do lado de onde saíram (origem em transform-origin do Base UI) | keyframes abre-estalo e fecha-estalo, deslocamento por data-side | aparecem secos |
| Busca (command) | o diálogo estala; a lista muda de altura conforme o filtro; item que volta a casar entra deslizando; o destacado anda 4 px; a tecla do botão afunda quando o atalho é usado | transição CSS de height sobre a variável do cmdk; keyframes linha-entra e tecla-afunda | lista troca seca |
| Seleção (select) | o gatilho levanta e afunda; a seta gira ao abrir; a lista estala; o item destacado anda 4 px; a marca do escolhido estala | transição CSS e keyframes abre-estalo e marca-estala | tudo seco |
Seleção nativa (native-select) | a sombra do campo cresce de 3 para 6 px no hover e no foco; a seta gira com o foco | transição CSS (classe nb-campo) | sem transição |
| Campo (input) | a sombra cresce de 3 para 6 px no hover e no foco, sem deslocar, como o campo da referência | transição CSS (classe nb-campo) | sem transição |
| Caixa de marcar (checkbox) | a caixa afunda ao apertar e a marca estala girando | transição CSS; keyframes marca-estala quando o indicador monta | marca aparece pronta |
| Chave (switch) | o botão desliza e passa do ponto; estica enquanto apertado; o trilho troca de cor junto | transição CSS de translate guiada por data-checked | pula de lado |
| Progresso (progress) | a barra corre até o valor em 320 ms | transição CSS de width sobre o style que o Base UI escreve depois de montar | pula para o valor |
Área de rolagem (scroll-area) | a barra aparece ao rolar ou ao passar o ponteiro e some depois | transição CSS de opacity guiada por data-scrolling e data-hovering | aparece seca |
| Tabela (table) | a linha acende em papel no hover; linha nova (depois de filtrar) entra deslizando; seta de ordenar gira | transição CSS; keyframes linha-entra quando a linha monta | sem movimento |
| Paginação (pagination) | cada número levanta e afunda; a página atual fica afundada e amarela | transição CSS (nb-levanta) | sem deslocamento |
| Trilha (breadcrumb) | o link ganha marca amarela no hover | transição CSS de cor | troca seca |
| Tecla (kbd) | afunda como tecla de verdade quando o atalho é usado | keyframes tecla-afunda ligados por data-apertada (Busca.tsx) | não afunda |
| Esqueleto (skeleton) | pisca devagar enquanto carrega | keyframes pisca | fica parado |
| Separador (separator) | com data-cresce, risca da esquerda para a direita ao entrar na tela | Web Animations API por movimento.ts | aparece riscado |
| Letreiro (marquee e Letreiro.astro) | a fita anda em laço lento; para no hover, no foco e pelo botão de pausa | keyframes marquee em CSS puro; pausa por animation-play-state | não anda: vira fita que rola para os lados com o dedo |
| Gráfico (chart) | as marcas se desenham ao montar; a dica segue o ponteiro | animação do próprio Recharts 3; BarraSvg cresce por data-cresce | Recharts recebe isAnimationActive falso de quem monta o gráfico |
| Rótulo (label) | SEM animação, de propósito | é texto: quem se move é o controle que ele rotula; mexer no rótulo prejudica a leitura | não se aplica |
| TL;DR cômico (TldrLateral) | a nota cai torta de cima, passa do ponto e assenta no ângulo dela; no hover endireita e levanta | keyframes balao ligados por IntersectionObserver (movimento.ts, data-entra balao); transição CSS no hover | aparece pronta; quem já está na tela ao carregar também não anima |
| Etiqueta de confiança (Confianca) | as três barrinhas sobem em escada ao entrar na tela e no hover | keyframes barrinha-sobe com atraso por barra, ligados por data-entrou | barras prontas |
| Marcador de citação (Citacao) | fica amarelo, sobe 1 px e ganha sombra de 2 px no hover e aberto; afunda ao apertar; o popover estala para cima | transição CSS; popover do registro | troca seca |
| Em uma frase (EmUmaFrase) | os pontos extras abrem em altura em 260 ms e fecham em 180; a seta gira quicando | Web Animations API (recolher.ts) sobre hidden until found | abre seco |
| Resposta executiva e cartão de número | os cartões de número estalam em sequência ao entrar na tela | keyframes estalo por data-entra | aparecem prontos |
| Cabeçalho de seção | a corrente do link aparece no hover e no foco; ao chegar por âncora o título acende em amarelo e apaga | transição CSS; keyframes acende pelo seletor target | sem acender |
| Lista de fontes | o item acende em amarelo ao chegar por âncora; o link ganha marca no hover | keyframes acende-fundo pelo seletor target | sem acender |
| Botão de tema | lua e sol trocam de lugar girando e quicando | transição CSS de rotate e scale guiada pela classe dark | troca seca |
| Lista reordenável (Reordenavel) | o item arrastado esmaece; um fio lilás estala onde ele vai cair; ao soltar, os vizinhos deslizam até o lugar novo e o item pousa estalando | arrasta e solta nativo (pragmatic drag and drop) mais técnica FLIP com a Web Animations API | troca de lugar seca, com anúncio para leitor de tela |
| Menu lateral | o item levanta 2 px no hover e afunda ao apertar; a seção abre em altura com a seta girando; item fora do protótipo diz que não, tremendo, e a legenda acende | transição CSS; Web Animations API sobre details (casca.ts); keyframes nega | abre seco, não treme |
| Link de pular para o conteúdo | estala no canto ao receber foco | keyframes estalo em focus visible | aparece seco |
| Adesivos e cartela | a cartela abre estalando; a peça treme no hover; o adesivo colado chega estalando, endireita no hover e sai girando ao ser recolhido | starting style com transition behavior allow discrete; keyframes treme e estalo; posição por element.style | tudo seco, mesma função |