Brackets logo

Brackets

Enables design in the browser.

Made by Adobe

  • javascript-editor

  • css-editor

  • Text Editor

  • html-editor

  • Web Development

What is Brackets?

Brackets is an open-source text editor designed specifically for web design and development. Built on HTML, CSS, and JavaScript, Brackets empowers web creators with a focused and efficient coding experience. Crafted with the needs of web designers and front-end developers in mind, this modern editor blends visual tools seamlessly into the workflow, providing the right level of assistance without disrupting the creative process

Highlights

  • Inline Editors: Brackets allows users to open a window into the code they need to focus on, avoiding the hassle of jumping between file tabs. By placing the cursor on an element, users can instantly access and edit the associated CSS or other relevant code
  • Live Preview: This editor offers a real-time connection to the user's web browser, enabling immediate visibility of changes made to HTML and CSS. Additionally, Brackets highlights the applied CSS selectors in the browser, providing a direct link between the code and its visual representation
  • Preprocessor Support: Brackets streamlines the workflow for developers working with CSS preprocessors like LESS and SCSS. The editor's Quick Edit and Live Highlight features make it easier than ever to work with these essential tools.

Platforms

  • Web
  • Electron / Atom Shell
  • Linux
  • Windows
  • Mac

Languages

  • English

Features

    • Integrated FTP client

    • File Sync

    • Live Preview

    • Git integration

    • Built-in Level Editor

    • Syntax Highlighting

    • Autocompletion

    • Multiple languages

    • Streamlined interface

    • No registration required

    • IDE

    • Extensible by Plugins/Extensions