Úteis — Tudo o que você precisa, em um só lugar.

Formatador de CSS

Formate CSS, SCSS e Less com o Prettier, com indentação e largura de linha configuráveis.

Como utilizar

  1. Escolha a sintaxe (CSS, SCSS ou Less).
  2. Cole o código.
  3. Copie ou baixe o resultado formatado.

Informações técnicas

  • Prettier 3 com plugin postcss, carregado sob demanda.

Ferramentas relacionadas

  • Minificador de CSS — Reduza o tamanho de arquivos CSS removendo comentários e espaços, sem alterar strings, url() ou calc().
  • Formatador de HTML — Organize código HTML com indentação consistente usando o Prettier, incluindo CSS e JavaScript embutidos.
  • Gerador de variáveis CSS — Transforme uma paleta de cores em custom properties CSS (:root) ou em tema do Tailwind v3 e v4, com escala 50–900 opcional.
  • Analisador de URL — Decomponha uma URL em esquema, host, porta, caminho, parâmetros decodificados e fragmento, edite e reconstrua.
  • Analisador de User-Agent — Descubra navegador, motor, sistema operacional e tipo de dispositivo a partir de uma string User-Agent.
  • Comparador de JSON (JSON Diff) — Compare dois JSON e veja o que foi adicionado, removido ou alterado em cada caminho, com opção de ignorar a ordem de arrays.