CodeKitHubFerramentas CSS
Geradores visuais de CSS — ajusta os controlos e copia o código, sem decorar sintaxe.
Ferramentas nesta categoria
Gerador de Border Radius
Arrasta os controlos para arredondar cada canto e copia o CSS border-radius.
Gerador de Box Shadow
Ajusta os controlos de deslocamento, desfoque, expansão e cor, e copia o CSS box-shadow.
Gerador de sombras para React Native
Desenhe uma sombra visualmente e obtenha o objeto de estilo exato do React Native para iOS e Android.
Gerador de Cubic-Bezier CSS
Molde uma curva de aceleração com controles deslizantes, pré-visualize a animação e copie o CSS cubic-bezier().
Gerador de Texto Glitch CSS
Digite seu texto, escolha duas cores de glitch e copie o CSS + HTML animado com efeito de separação de cor.
Gerador de Loader CSS
Crie uma animação de carregamento CSS giratória, saltitante ou pulsante e copie o CSS + HTML.
Gerador de Checkbox CSS
Estilize uma caixa de seleção com marca arredondada, interruptor deslizante ou círculo preenchido e copie o CSS.
Gerador de Switch CSS
Ajusta tamanho, cores e arredondamento, e copia um switch acessível baseado em checkbox como HTML e CSS.
Gerador de Triângulo CSS
Escolhe direção, tamanho e cor, e copia um triângulo em CSS puro construído com o truque das bordas.
Gerador de Glassmorphism em CSS
Ajusta a opacidade do fundo, o desfoque, o contorno e o raio para criar um cartão de vidro fosco, e copia o CSS.
Gerador de Padrões de Fundo em CSS
Escolhe um padrão (pontos, riscas, xadrez, grelha), ajusta a cor e o tamanho, e copia o CSS.
Gerador de Gradientes CSS
Cria degradês lineares e radiais com pontos de cor e um controlo de ângulo, e copia o CSS.
Gerador de Clip-Path CSS
Escolhe uma forma predefinida, pré-visualiza o recorte em tempo real e copia o CSS clip-path gerado.
Referência de Cores do Tailwind
Consulte qualquer cor padrão do Tailwind nos dois sentidos: hex para nome de classe, ou nome de classe para hex/RGB — além de uma paleta completa navegável.
Conversor Pantone CMYK RGB
Converta entre códigos Pantone (PMS), CMYK, RGB e Hex nos dois sentidos, com uma referência Pantone pesquisável de 1341 cores.
Gerador de Texto em Relevo CSS
Gere efeitos de texto em relevo ou gravado em CSS instantaneamente — digite o seu texto, ajuste o estilo e a intensidade, e copie o código CSS.
Gerador de Texto Néon
Gere efeitos de texto néon brilhante em CSS instantaneamente — digite o seu texto, escolha uma cor e intensidade de brilho, e copie o código CSS.
Gerador de Botão Dourado CSS
Gere instantaneamente botões CSS metálicos em ouro, prata, bronze ou ouro rosa — digite o seu texto, escolha um estilo metálico e copie o código CSS.
Seletor de cores
Escolha qualquer cor visualmente ou extraia-a de uma imagem carregada, com saída em HEX, RGB e HSL e botões para copiar.