A modern, open source text editor that understands web design

Brackets for Mac

Brackets for Mac

  -  104 MB  -  Freeware
  • Latest Version

    Brackets 2.2.0 LATEST

  • Review by

    Daniel Leblanc

  • Operating System

    Mac OS X 10.6 or later

  • User Rating

    Click to vote
  • Author / Product

    Adobe Inc. / External Link

  • Filename

    brackets.2.2.0.dmg

With focused visual tools and preprocessor support, Brackets for Mac is a modern text editor that makes it easy to design in the browser. Try Creative Cloud Extract (preview) for the app for an easy way to get clean, minimal CSS straight from a PSD with no generated code.

Why Use Brackets for macOS?

The tool is a lightweight, yet powerful, modern text editor. Blend visual tools into the editor so you get the right amount of help when you want it. With new features and extensions released every 3-4 weeks, it's like getting presents all year long.

Is the Brackets text editor still available?

As of September 1, 2021, Adobe has ended support for Brackets. However, if you'd like to continue using, maintaining, or enhancing Brackets, you can fork the project on GitHub. Adobe, in partnership with Microsoft, recommends migrating to Visual Studio Code, a free, open-source code editor from Microsoft.

Get Code Hints from a PSD
The Extract for Brackets (Preview) extension lets you pull out design information from a PSD including colors, fonts, gradients, and measurement information as clean, minimal CSS via contextual code hints. You can also extract layers as images, use information from the PSD to define preprocessor variables, and easily get dimensions between objects. All in the context of your code.

Inline Editors
Instead of jumping between file tabs, the tool lets you open a window into the code you care about most. Want to work on the CSS that applies to a specific ID? Put your mouse cursor on that ID, push Command / Ctrl+E and the app will show you all the CSS selectors with that ID in an inline window so you can work on your code side-by-side without any popups.

Live Preview
Get a real-time connection to your web browser. Make changes to CSS and HTML and you'll instantly see those changes on screen. Also, see where your CSS selector is being applied in the browser by simply putting your cursor on it. It's the power of a code editor with the convenience of in-browser dev tools.

Preprocessor Support
Work with preprocessors in a whole new way. We know how important preprocessors are to your workflow. That’s why it wants to make Brackets for Mac the best code editor for preprocessors out there. With this app, you can use Quick Edit and Live Highlight with your LESS and SCSS files which will make working with them easier than ever.

PROS
  • Real-time live preview.
  • Extensive extension support.
  • Lightweight and fast.
  • Free and open source.
  • Intuitive user interface.
CONS
  • This app has been discontinued.
  • Limited support for back-end languages.
  • Fewer built-in features compared to full-fledged IDEs.
  • May not suit all development workflows.
Note: Requires Multicore Intel Processor.

Also Available: Download Brackets for Windows

  • Brackets 2.2.0 Screenshots

    The images below have been resized. Click on them to view the screenshots in full size.

    Brackets 2.2.0 Screenshot 1
  • Brackets 2.2.0 Screenshot 2
  • Brackets 2.2.0 Screenshot 3
  • Brackets 2.2.0 Screenshot 4

What's new in this version:

- Fixes live preview not working after chrome update