Code the Web

Brackets is an open source code editor for web designers and front-end developers.

Live HTML Development

As you code, HTML changes are instantly pushed to browser without having to save or reload the page.
See it in action.

JS Debugging with Theseus

Theseus makes inspecting variables and control flow easy, even in asynchronous code.
Learn more.

Linux: New & Improved

Over the last few sprints we’ve made progress on Linux (Debian/Ubuntu) support for Brackets.
Check it out.

Effective Development

Imagine the ablity to fluently edit external styles and code without even leaving your document!
See how it looks.

Why Use Brackets?

Design In The Browser

Brackets doesn't get in the way of your creative process. It blends visual tools into the editor while pushing HTML and CSS to the browser as you code.

An Elevated Experience

Brackets isn't just pretty, it's also powerful. You'll enjoy writing code in Brackets. It will stay out of your way and provide just the right amount of help when you ask for it.

Made with and JavaScript

Brackets is an open-source project, with an active and growing developer community. It's made by other web developers like you!

It's Evolving

Brackets is a sandbox for trying out new ideas for web tooling. New features and extensions are released every 2.5 weeks. It's like getting presents all year long.

Watch the Video…

New Features

Live HTML Development

When previewing a project from Brackets, all CSS and HTML changes are updated as-you-type.

CSS Code Intelligence for SASS

When coding .SCSS files, Brackets now provides code intelligence for CSS. Even cutting edge capabilities like CSS Regions flow-into and flow-from are supported.

New CSS Rule from Quick Edit

Use the New Rule button in CSS Quick Edit (Ctrl+E/⌘E) to create a rule for the currently selected tag/class/id, even if there aren't any existing rules. You can modify the selector after it's created.

Quick Edit for Animation Easing

When the selection is in a CSS animation timing function, you can use Quick Edit (Ctrl+E/⌘E) to visually edit the timing curve.

Read Past Release Notes…

Recent Blog Posts

More on blog.brackets.io…

System Requirements

Mac OSX

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

×