⚡Geradores

📝

Prompt Resumir em Bullets

Prompt para resumir texto em N bullets.

🚀

Prompt Elevator Pitch

Prompt para criar elevator pitch.

📧

Botão E-mail Bulletproof

Gere um botão (CTA) em HTML bulletproof para e-mail marketing, que funciona até no Outlook. Personalize cor, texto e link e copie o código pronto para usar.

✍️

Assinatura de E-mail

Crie uma assinatura de e-mail profissional em HTML com nome, cargo, contatos e links. Copie o código pronto e cole no Gmail, Outlook ou seu cliente de e-mail.

🪪

Cartão de Visita HTML

Crie um cartão de visita em HTML com seu nome, cargo, contatos e logo, pronto para web ou impressão. Personalize e copie o código para usar onde quiser.

🎓

Certificado HTML

Gere um certificado de conclusão em HTML pronto para imprimir, com nome, curso e data. Personalize o texto e baixe ou imprima direto do navegador.

⏳

Página Coming Soon

Gere uma página de aviso em breve (coming soon) em HTML com visual limpo e contagem regressiva opcional. Pronta para publicar enquanto seu site não fica pronto.

❌

Página 404 HTML

Gere uma página de erro 404 em HTML pronta para usar, com visual limpo e link de volta ao início. Personalize a mensagem e publique no seu site em minutos.

🔧

Página Manutenção HTML

Gere uma página de manutenção em HTML com visual limpo e mensagem personalizável. Pronta para publicar enquanto seu site fica temporariamente fora do ar.

🍪

Banner de Cookies HTML

Gere um banner de consentimento de cookies em HTML com botão de aceitar, pronto para colar no seu site e ajudar na conformidade com a LGPD.

🔔

Notificação Toast HTML

Gere o HTML e o CSS de uma notificação toast para a sua interface web. Escolha posição, cor e estilo, veja a prévia e copie o código pronto para o seu site.

🪟

Modal HTML

Gere o HTML e o CSS de um modal (janela de diálogo) acessível, com overlay e botão de fechar. Copie o código pronto e adapte ao visual do seu site.

💬

Tooltip HTML/CSS

Gere tooltips em CSS puro usando data-attribute, sem JavaScript. Escolha a posição e o estilo da dica e copie o código pronto para o seu site.

📄

Fatura/Invoice HTML

Gere uma fatura (invoice) em HTML com itens, valores, impostos e total calculado. Personalize os dados e imprima ou salve em PDF direto do navegador.

📋

CV/Resume HTML

Crie um currículo (CV) em HTML pronto para imprimir, com seções de experiência, formação e contatos. Preencha, personalize e exporte em minutos.

📨

Formulário Contato HTML

Gere o HTML de um formulário de contato com campos de nome, e-mail e mensagem, pronto para colar no seu site. Copie o código e conecte ao seu backend.

📊

Progress Bar HTML

Gere uma barra de progresso em HTML e CSS com a porcentagem que você quiser. Ajuste cor e tamanho, veja a prévia e copie o código pronto para o seu projeto.

✂️

CSS Clip-Path Polígono

Gere a propriedade CSS clip-path polygon() ajustando os pontos visualmente. Recorte imagens e divs em formas personalizadas e copie o código pronto.

⭐

CSS Clip-Path Estrela

Gere um CSS clip-path em formato de estrela com o número de pontas que você quiser. Crie estrelas perfeitas para badges e selos e copie o código.

📐

CSS cubic-bezier()

Crie curvas de easing CSS com cubic-bezier ajustando os pontos de controle visualmente. Veja a animação em tempo real e copie a função pronta para usar.

📦

CSS Box-Shadow Multi

Gere sombras CSS box-shadow com várias camadas para dar profundidade aos elementos. Ajuste cor, desfoque e deslocamento e copie o código na hora.

✨

CSS Text-Shadow Stack

Crie efeitos de texto com CSS text-shadow empilhado, do brilho neon ao relevo 3D. Ajuste as camadas, veja o resultado e copie o código pronto.

🌫️

CSS @keyframes fade

Gere animações CSS @keyframes de fade in e fade out configuráveis, com duração e tipo de easing ao seu gosto. Copie o CSS pronto para suas transições.

💡

CSS Glow Neon

Crie efeitos de brilho neon em CSS para bordas, botões e textos, com cores vivas e camadas de sombra. Ajuste a intensidade e copie o código pronto.

📐

aspect-ratio → padding-bottom

Converta uma proporção (aspect-ratio, ex. 16:9) em padding-bottom %, a técnica clássica para caixas responsivas em CSS antigo. Ideal para vídeos e imagens.

📏

CSS clamp() Tipográfico

Gere tipografia fluida com CSS clamp() informando o tamanho mínimo, máximo e a faixa de viewport. A fonte escala suave entre telas, sem media queries.

📦

CSS Container Query

Gere CSS container queries para componentes que se adaptam ao tamanho do contêiner, não da tela. Defina o breakpoint e copie o código pronto para usar.

📜

CSS Scroll Snap

Gere CSS scroll-snap para carrosséis e galerias que param em cada item ao rolar. Escolha o eixo horizontal ou vertical e copie o código pronto.

♿

CSS Focus Ring Acessível

Gere um focus ring (anel de foco) CSS acessível, com bom contraste seguindo as diretrizes WCAG. Melhore a navegação por teclado do seu site e copie o código.

🎨

CSS Cor de Seleção

Gere o CSS de ::selection para personalizar a cor do texto selecionado no seu site. Escolha as cores de fundo e texto, veja a prévia e copie o código pronto.

📏

CSS Scrollbar Customizada

Gere CSS de scrollbar customizada compatível com WebKit e Firefox. Ajuste cor, largura e cantos arredondados, veja o resultado e copie o código pronto.

🎭

CSS Mask Image Gradiente

Gere CSS mask-image com gradiente linear para criar efeitos de fade suave nas bordas de imagens e divs. Ajuste a direção e copie o código pronto para usar.

🌊

SVG Onda

Gere ondas SVG decorativas para usar como divisores e fundos de seção no seu site. Ajuste a altura, a cor e a curvatura e copie o código SVG pronto para usar.

⭐

SVG Estrela N Pontas

Gere uma estrela em SVG com o número de pontas que você quiser, leve e escalável sem perder qualidade. Ajuste cor e tamanho e copie o código pronto para usar.

🔄

SVG Spinner Loading

Gere um spinner de loading SVG animado, leve e sem JavaScript, para indicar carregamento na sua interface. Ajuste cor e velocidade e copie o código pronto.

📈

SVG Sparkline

Gere um sparkline SVG (mini gráfico de linha) a partir de uma lista de valores, ideal para dashboards e tabelas. Cole os números e copie o SVG pronto.

🍩

SVG Progress Ring

Gere um anel de progresso (progress ring) SVG de 0 a 100%, perfeito para mostrar conclusão e metas. Ajuste cor, espessura e valor e copie o código pronto.

❤️

SVG Coração

Gere um ícone de coração em SVG na cor que você quiser, leve e escalável sem perder qualidade. Copie o código ou baixe o arquivo pronto para usar no seu projeto.

👤

SVG Avatar Iniciais

Gere um avatar SVG com as iniciais de um nome e cor de fundo automática, ideal para perfis de usuário e listas. Sem upload de imagem — copie o SVG pronto.

🔮

SVG Favicon Emoji

Gere um favicon.svg usando qualquer emoji como ícone do seu site, sem precisar de editor de imagem. Escolha o emoji e copie o código ou baixe o arquivo pronto.

🍩

SVG Donut Chart

Gere um gráfico de rosca (donut chart) em SVG com duas fatias a partir de uma porcentagem. Ajuste as cores, copie o código e use em dashboards e relatórios.

💪

Hashtags Fitness IG

Hashtags populares para fitness/treino.

🍔

Hashtags Comida IG

Hashtags para fotos de comida.

✈️

Hashtags Viagem IG

Hashtags para fotos de viagem.

👗

Hashtags Moda IG

Hashtags para fotos de moda.

💻

Hashtags Tech IG

Hashtags sobre tecnologia.

💄

Hashtags Beleza IG

Hashtags para beleza/maquiagem.

🎵

Hashtags TikTok Trends

Hashtags virais TikTok.

💼

Hashtags LinkedIn

Hashtags profissionais LinkedIn.

🐾

Hashtags Pets IG

Hashtags para fotos de pets.

🎨

Hashtags Arte Digital

Hashtags para arte digital/ilustração.

👼

Nome de Anjo da Guarda

Sorteia nome de anjo (Cabala/tradição cristã).

🏛️

Deusa da Mitologia

Sorteia nome de deusa de várias mitologias.

🆔

Username Aleatório

Gere nomes de usuário criativos e únicos por tema (gamer, dev, poético) para redes sociais, jogos e e-mails. Encontre um nick disponível em segundos.

🎼

Círculo de Quintas

Exibe a sequência completa do círculo de quintas (maior) a partir de Dó.

🎺

Gerador de Modo Grego

Gera as notas do modo grego escolhido a partir de uma tônica (Iônio, Dórico, Frígio, Lídio, Mixolídio, Eólio, Lócrio).

🎻

Análise por Cifra Romana

Veja os acordes diatônicos (análise por cifra romana, de I a vii°) de qualquer tonalidade maior. Ideal para estudar harmonia, compor e analisar músicas.

🎸

Extensões Jazz (7/9/11/13)

Gere acordes de jazz com extensões (7, 9, 11 e 13) a partir da nota fundamental. Veja as notas de cada acorde — ótimo para estudar harmonia e improviso no jazz.

🪕

Nomes dos Graus da Escala

Lista os 7 graus de uma escala maior com nomes (Tônica, Supertônica, Mediante, Subdominante, Dominante, Superdominante, Sensível).

🎯

OKR Builder (1 Objetivo + 3 KR)

Monta OKR formatado: 1 objetivo qualitativo + 3 key results quantitativos.