Cards
Blocos de conteúdo e vitrines. São 46 recursos prontos para copiar e colar na sua ferramenta de IA, cada um com código, prompt e instruções.
Galeria Produto Interativa
Arara de roupas em 3D que você mexe com o mouse
Recursos em Bento Vivo
Grade de recursos com miniaturas animadas
Cards Holofote em Grade
Um holofote que passeia por vários cards ao mesmo tempo
Card Notificações em Cascata
Avisos que sobem em fluxo contínuo
Card Métrica com Gráfico
Número grande e linha que se desenha
Card de Clima
Previsão do tempo com ícone animado
Card Chat com IA
Assistente digitando uma resposta
Card Profundidade 3D
Elementos que saltam do card ao inclinar
Card Lente de Zoom
Lupa circular que amplia a ilustração
Card Holográfico
Folha prismática que reage ao ângulo
Card Elástico
Card que se move como gelatina em direção ao cursor
Card de Perfil em Vidro
Avatar, métricas e botão sobre manchas de cor
Card Parallax em Camadas
Profundidade que reage ao cursor
Bento Grid
Recursos em blocos com mini ilustrações
Cards Holofote
Borda iluminada que segue o cursor
Card de Contato com Ações
Cartão de pessoa com status online e ações que surgem no hover
Card de Curso
Capa, progresso das aulas e botão de continuar de onde parou
Card de Meta com Anel
Meta financeira com anel de progresso e valor que sobe contando
Card de Receita
Tempo, porções e lista de ingredientes que se marcam ao clicar
Card Livro com Lombada
Capa de livro em 3D que abre um pouco no hover e mostra a sinopse
Card Polaroide
Foto instantânea que revela a imagem aos poucos e mostra a legenda à mão
Card Crachá de Evento
Crachá pendurado por cordão que balança e mostra o QR no verso ao clicar
Cartão de Projeto Escuro
Imagem arredondada, nome do cliente, título grande em cinza e etiquetas
Cartão Próximo Evento
Cartãozinho vertical com mapa em linhas, nome do local e selo de tempo de casa
Cartão Lupa de Raio-X
Uma lupa revela o projeto de cobre que existe por baixo de um chip lacrado
Cartão Janela de Contexto
Painel com barras de atenção em U e métricas do contexto de uma IA
Cartão de Vidro com Contorno
Cartão de contorno fino com desfoque que sobe ao aparecer
Card de Repositório
Card estilo repositório de código
Card Status de Deploy
Etapas de publicação avançando
Card Borda Cônica
Card com borda de luz girando
Como Funciona
Três passos numerados
Faixa de Números
Quatro números em destaque
Card com Borda Spotlight
A borda acende onde o cursor está
Card de Produto
Cor, preço e carrinho
Card Player de Música
Disco girando e progresso
Card com Malha no Hover
Cores que nascem ao passar o cursor
Card de Ingresso
Recorte lateral e código
Card que Vira
Frente e verso em 3D
Card Revelar Imagem
Legenda que sobe e revela o texto
Card de Estatística
Métrica com variação e minigráfico
Card Empilhado
Pilha que abre em leque
Card Neon
Moldura de degradê com brilho difuso
Brilho no Hover
Reflexo de luz sobre o card
Cards em Foco
Os outros desfocam quando um recebe o cursor
Cards Expansíveis
O card cresce até virar um painel
Card Inclinação 3D
Perspectiva real com reflexo dinâmico