A modern, open source text editor that understands web design.

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

Why Use Brackets?

Brackets is a lightweight, yet powerful, modern text editor. We 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.

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. Learn more…

Download Brackets + Extract (Preview) by Adobe

Inline Editors

Instead of jumping between file tabs, Brackets 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 Brackets 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 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 we want to make Brackets the best code editor for preprocessors out there. With Brackets you can use Quick Edit and Live Highlight with your LESS and SCSS files which will make working with them easier than ever.

New Features

Popular Extensions

Themes for Brackets

A theme-pack that styles the whole editor.

Code Folding

Brace folding, tag folding, indent folding and multi-line comment folding.

Beautify

Format JavaScript, HTML, and CSS files.

Emmet

High-speed HTML and CSS workflow.

Brackets Git

Git integration for Brackets

Autoprefixer

Parse CSS and add vendor prefixes automatically.

JSHint

JSHint support for Brackets

QuickDocsPHP

Inline documentation for PHP functions, including a summary, syntax, return values and parameters.

Check Out New Extensions

Recent Blog Posts

Go to Blog

Requirements

Mac OS X

Windows

Installation Instructions

  1. Save the installer file to a location on your hard drive.
  2. Locate the installer and double-click to start the install process.

Frequent Updates

New features in Brackets are released often (about every 2½ weeks). When new features are available you will see a gift icon inside the application. For the latest release information, follow Brackets on Twitter or Google+.

×