Interface
Árvores, medidores e elementos de aplicativo. São 42 recursos prontos para copiar e colar na sua ferramenta de IA, cada um com código, prompt e instruções.
Toasts Empilhados
Avisos que se empilham e saem sozinhos
Interruptor com Lâmpada
Interruptor que acende uma lâmpada e ilumina o card
Calendário de Atividade
Mapa de calor de contribuições do ano
Avaliação com Emojis
Rostinhos que crescem e mudam conforme a nota
Paleta de Comandos
Busca e atalhos estilo ⌘K
Mini Dashboard
Métricas, barras e atividades
Janela de Chat
Bolhas, digitando e resposta
Comparador Antes e Depois
Arraste para revelar a outra versão
Abas de Código por Linguagem
Ícones de linguagens e uma janela de código com abas de framework e botão de copiar
Painel Bento Web3
Painel em blocos com patrimônio, cartões, gás, gráfico, staking e atividade onchain
Moldura de Visor HUD
Cantos de visor, FPS real, resolução, ponto de gravação e cronômetro sobre qualquer cena
Janela de Execução de Fluxo
Botão que abre uma janela simulando um fluxo rodando, etapa por etapa
Cartão de Patrimônio
Saudação, valor que sobe contando e barras do resultado diário
Lista de Atividade Onchain
Últimas transações com ícone, valor e estado (pendente, confirmada)
Fluxo de Blocos
Barras que entram da direita a cada poucos segundos, como uma fila ao vivo
Faixa de Liquidez
Preço oscilando dentro de uma faixa mínima e máxima
Cartão de Staking
Cartão colorido com rendimento, contagem regressiva e recompensas em tempo real
Barra de Alocação de Ativos
Barra segmentada com total e legenda de percentuais
Gráfico Carteira vs ETH
Duas linhas suaves com período, cursor e diferença de rendimento
Pilha de Cartões Bancários
Cartões em leque: clique num deles para trazer para a frente
Medidor de Gás
Velocímetro em semicírculo com gwei ao vivo e velocidade da rede
Esqueleto de Carregamento
Placeholder com brilho que atravessa
Avatares com Anel de Stories
Avatares com anel giratório e status
Tabela Ordenável
Clique no cabeçalho para ordenar
Faixa de Preço
Dois controles e preenchimento
Seletor de Cores
Paleta, hex e prévia ao vivo
Lista de Tarefas
Checkbox animado e progresso
Campo de Tags
Enter ou vírgula adiciona
Calendário Mensal
Seleção de dia e destaque de hoje
Aviso de Cookies
Desliza de baixo com três ações
Tooltip Flutuante
Dicas com seta e mola
Etapas Horizontais
Progresso com linha animada
Esqueleto de Carregamento
Placeholders com brilho deslizante
Notificações Toast
Avisos que entram e somem sozinhos
Janela Modal
Fundo desfocado e entrada com mola
Interruptor Animado
Switch acessível com mola
Menu Suspenso
Abre com escala e fecha com Esc
Busca Expansível
Lupa que vira campo de busca
Avaliação por Estrelas
Nota de 1 a 5 com pré-visualização
Abas Deslizantes
Indicador que desliza até a aba ativa
Progresso Circular Animado
Medidor em arco que enche e conta
Árvore de Arquivos
Pastas que abrem, com ícones por tipo