CSS

Esta é uma folha de dicas de referência rápida para os benefícios do CSS, listando a sintaxe do seletor, propriedades, unidades e outros recursos.

Um editor de código online e ambiente de desenvolvimento social para desenvolvedores e designers front-end criarem, testarem e compartilharem projetos web.

Uma ferramenta que oferece planos de fundo, ícones e gráficos SVG gratuitos e premium para web design, com copiar e colar CSS e opções personalizáveis.

Uma ferramenta de seleção de cores limpa e elegante para web designers e desenvolvedores, compatível com formatos HEX, RGB, HSL e OKLCH com geração de paleta de cores.

A maior biblioteca de elementos de UI de código aberto.

Uma vitrine de design de sites CSS para web designers e desenvolvedores encontrarem inspiração e enviar sites.

Kombai é uma ferramenta alimentada por IA para converter designs Figma em código front-end com precisão.

Uma ferramenta geradora de tons e matizes de cores para criar paletas de cores CSS, Sass e Tailwind a partir de códigos hexadecimais.

Um plugin Tailwind CSS que fornece nomes de classes de componentes semânticos para um desenvolvimento de UI mais rápido e limpo com temas personalizáveis ​​e sem dependência de JavaScript.

Uma ferramenta para gerar gradientes de cores CSS inserindo cores, com suporte para gradientes de 3 cores e saída automática de código CSS.

Uma ferramenta abrangente para localizar e converter códigos de cores HTML, incluindo valores Hex, RGB, HSL e OKLCH, com seletores de cores, rodas, gráficos e bibliotecas.

Uma ferramenta para gerar tonalidades e matizes para cores com configuração Tailwind CSS, mostrando códigos hexadecimais e paletas de cores.

Heroki Design fornece bibliotecas CSS atômicas, sistemas de ícones e diretrizes de marca para construir e estilizar produtos Heroku e propriedades de marketing.

Uma biblioteca de ícones gratuita e de código aberto com mais de 1.600 ícones disponíveis em vários formatos como SVG, React e Figma.

Um sistema de design que fornece componentes reutilizáveis ​​e diretrizes para a criação de interfaces de usuário acessíveis e consistentes.

Uma publicação que explora web design, desenvolvimento e conteúdo com foco em padrões e melhores práticas para profissionais.

Uma coleção de efeitos de animação CSS para desenvolvimento web, oferecendo vários estilos dinâmicos como twister, puff, fade e slide.

O Protocolo Mozilla é um sistema de design para sites Mozilla e Firefox, que fornece componentes reutilizáveis ​​e diretrizes para branding e acessibilidade.

Uma extensão do Chrome para inspecionar e copiar CSS de qualquer site com um clique, na qual milhares de desenvolvedores confiam.

Uma ferramenta para gerar propriedades CSS altamente personalizáveis ​​com visualização em tempo real para desenvolvimento web.

Uma biblioteca JavaScript rápida e flexível para animar a web com uma API intuitiva, compatível com animações CSS, SVG, rolagem e linha do tempo.

Uma ferramenta baseada na web para criar escalas tipográficas responsivas e código CSS, com visualizações de fontes e opções de personalização.

Uma biblioteca de componentes React completa com mais de 120 componentes personalizáveis ​​e mais de 70 ganchos para criar aplicativos da web acessíveis com mais rapidez.

Uma ferramenta gratuita para navegar e copiar códigos de gradiente CSS, com uma grande coleção de gradientes selecionados para web design.