Brackets é um editor de HTML, CSS, JavaScript de código aberto com competências para tratar de web design, desenvolvido pela Adobe. O editor possui ferramentas visuais especializadas e suporte a preprocessadores, facilitando a criação de designs no navegador.
Brackets combina ferramentas visuais no editor para acessar ajuda rapidamente sempre que for necessário. Como é de código aberto, ele aboliu as abas e oferece a possibilidade de expandir trechos dd código que interessar. Em se quiser trabalhar com CSS aplicado a um ID específico, basta colocar o cursor do mouse em cima do ID e pressione as teclas Command / Ctrl+E para exibir todos os seletores CSS, com este ID em um editor em série, dentro da janela atual, para trabalhar no código paralelamente, sem nenhuma popup. Uma das vantagens desse editor, é que é possível ficar conectado
em tempo real com o navegador o que permite visualizar as alterações feitas no CSS e HTML imediatamente na tela. Passe, por exemplo, o mouse por cima para ver onde o seletor CSS é aplicado.