digtools

Geradores CSS

Geradores CSS visuais para ajudar a implementar UIs modernas e bonitas.

🎚️

Gerador de Scrollbar CSS

Crie barras de rolagem CSS personalizadas

Gerador de CSS View Transition

Simule animações da View Transition API e gere código para SPA e MPA.

🎨

Conversor de Cores

Converta códigos HEX/RGB/HSL/CMYK e gere paletas de cores.

🎨

Seletor de Cores de Imagem

Extraia cores de imagens e obtenha códigos de cor (HEX/RGB)

↔️

Gerador de CSS Clamp

Calcula automaticamente valores fluidos da função clamp() para design responsivo.

✂️

Gerador de clip-path CSS

Crie facilmente formas de clip-path CSS com operaciones de arrastar e gere código.

📦

Gerador Container Query CSS

Gere container queries visualmente com pré-visualização e conversão.

🖼️

Gerador Filtros e Mistura CSS

Combine filtros visualmente, gere código e salve imagens.

🎨

Gerador de Gradientes CSS

Gere gradientes lineares, radiais, cônicos e padrões de forma intuitiva.

📐

Gerador de Layout Flexbox/Grid

Gera código de layout com interface visual

☁️

Gerador de Box-Shadow

Cria intuitivamente belas sombras multicamadas

Gerador de UI Moderna

Gera código de UI bonito (suporta Glassmorphism)

🎞️

Gerador de Animações CSS

Gera animações @keyframes graficamente

🖼️

Gerador de Fundos SVG

Cria padrões de fundo SVG leves

🔺

Gerador de Triângulos CSS

Gera triângulos CSS usando border, copie o código instantaneamente

🎬

Animação de Sprites

Gere animações e código de sprites CSS a partir de imagens

Gerador de Border Radius CSS

Ajusta 8 valores de border-radius visualmente e copia o código CSS

🔤

Pré-visualização de Tipografia

Pré-visualiza tipografia CSS em tempo real

🅰️

Visualizador de Fontes Web

Comparação de fontes web em tempo real e geração de CSS

🎨

Pesquisa de Ícones SVG

Pesquisa ícones Lucide e Heroicons e copia o código SVG

Outras Categorias

Enviar feedback

Deixe-nos saber sua opinião para nos ajudar a melhorar a ferramenta.

Aviso Legal

As ferramentas disponibilizadas neste site são totalmente gratuitas, mas devem ser utilizadas por sua conta e risco. Não garantimos a precisão, integridade ou segurança dos resultados de cálculos, conversões ou dados gerados. Esteja ciente de que o operador não assume nenhuma responsabilidade por quaisquer danos ou problemas causados pelo uso dessas ferramentas. A maioria das ferramentas processa arquivos e cálculos localmente no seu navegador, o que significa que os dados inseridos não são enviados nem armazenados em nossos servidores.