Enterprise Mobility Blogs

perspectives for IT decision makers

BRACKETS: A Free Open Source Code Editor

by (September 9, 2015)


As a developer, we all, want a good and easytouse editor to write our code (PHP, HTML, CSS or any other languages). If you are looking for simple and good features to run your code, then you might want to consider Brackets.

What is Brackets?

Brackets is a free, open source editor, built with HTML, CSS and JavaScript, with primary focus on Web Development. It was created by Adobe Systems and currently, maintained on GitHub. You may notice that it is also, built using Twitter Bootstrap, which gives a great look and powerful framework to the editor. Brackets is lightweight, browser-based, and has a great extension model. Brackets is available for cross-platform download for Mac, Windows and Linux.

Key Features

Code Hints from 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 this, as per the context of your code.

Brackets Screen

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

Inline Editors

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 development tools.

Live Review

Extension Manager

We can install various features, using the brackets extensions, which is updated every two weeks with new features (Command prompt, Themes, Foundation Template, HTML Templates, Ionic frameworks code hinting, HTML, CSS & JavaScript Beautifiers etc).


Brackets is a lightweight and a powerful tool. It is considered to be an efficient modern text editor. Developers tend to blend the visual tools into the editor in order to get the right amount of help when they require it. Brackets has been releasing new features and extensions, regularly, by upgrading the tool and keeping in mind the ease of the users.


Vishal Ragunathan,

Front-end Developer (HTML), RapidValue



Sorry no comment yet.


24/7 Toll Free(877)-643-1850(US)

Would you like to know more about us?

  • This field is for validation purposes and should be left unchanged.
Scroll Top