Home About Blog Resources
Resources - Code Editor
Home  »  Code Editor   »   Brackets


brackets-editor-logo (1)


With focused visual tools and preprocessor support, Brackets is a modern text editor that makes it easy to design in the browser. 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.

  • Inline Editor

    Instead of jumping between file tabs, Brackets lets you open a window into the code you care about most.

  • 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.

  • Preprocessor Support

    Work with preprocessors in a whole new way. We know how important preprocessors are to your workflow.

Helpful Extensions: *Must Have

Autosave Files on Window Blur

Brackets Git

Brackets Snippets (by edc)


Documents Toolbar

Duplicate Files & Folders


Extensions Rating

HTML Wrapper

Indent Guides


Static Preview


Keyboard Shortcuts:

Wrap Code with tag – Shift+Cmd+A (Mac), Cmd+Shift+A (Win)