- Brackets
- A modern, open source text editor that understands web design.
- Why Use Brackets?
- Made with ♥ and JavaScript
- Inline Editors
- Live Preview
- Preprocessor Support
- Modern, Powerful & Open source
- Why Use Brackets?
- Made with and JavaScript
- Features
- Inline Editors
- Live Preview
- Preprocessor Support
- Popular Extensions
- Git
- Emmet
- Beautify
- Markdown Preview
- File Icons
- Indent Guides
- Autoprefixer
- W3C Validation
- Modern, Powerful & Open source
- Why Use Brackets?
- Made with and JavaScript
- Features
- Inline Editors
- Live Preview
- Preprocessor Support
- Popular Extensions
- Git
- Emmet
- Beautify
- Markdown Preview
- File Icons
- Indent Guides
- Autoprefixer
- W3C Validation
- Modern, Powerful & Open source
- Why Use Brackets?
- Made with and JavaScript
- Features
- Inline Editors
- Live Preview
- Preprocessor Support
- Popular Extensions
- Git
- Emmet
- Beautify
- Markdown Preview
- File Icons
- Indent Guides
- Autoprefixer
- W3C Validation
- Modern, Powerful & Open source
- Why Use Brackets?
- Made with and JavaScript
- Features
- Inline Editors
- Live Preview
- Preprocessor Support
- Popular Extensions
- Git
- Emmet
- Beautify
- Markdown Preview
- File Icons
- Indent Guides
- Autoprefixer
- W3C Validation
Brackets
On September 1, 2021, Adobe will end support for Brackets. If you would like to continue using, maintaining, and improving Brackets, you may fork the project on GitHub. Through Adobe’s partnership with Microsoft, we encourage users to migrate to Visual Studio Code, Microsoft’s free code editor built on open source.
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. It’s crafted from the ground up for web designers and front-end developers.
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 without getting in the way of your creative process. You’ll enjoy writing code in Brackets.
Made with ♥ and JavaScript
Brackets is an open-source project, supported by an active and passionate community. It’s made by other web developers like you! Learn How to Contribute…
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.
Modern, Powerful & Open source
With focused visual tools and preprocessor support, Brackets is a modern text editor that makes it easy to design in the browser. It’s crafted from the ground up for web designers and front-end developers.
tag will be added when NOT on mobile —>
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 without getting in the way of your creative process. You’ll enjoy writing code in Brackets.
Made with and JavaScript
Brackets is an open-source project, supported by an active and passionate community. It’s made by other web developers like you! Learn How to Contribute…
Features
Inline Editors
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.
Popular Extensions
Git
Git integration for Brackets.
Emmet
High-speed HTML and CSS workflow.
Beautify
Format JavaScript, HTML, and CSS files.
Markdown Preview
Live preview of markdown documents.
File Icons
File icons in Brackets’ file tree.
Indent Guides
Show indent guides in the code editor.
Autoprefixer
Parse CSS and add vendor prefixes automatically.
W3C Validation
Modern, Powerful & Open source
With focused visual tools and preprocessor support, Brackets is a modern text editor that makes it easy to design in the browser. It’s crafted from the ground up for web designers and front-end developers.
tag will be added when NOT on mobile —>
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 without getting in the way of your creative process. You’ll enjoy writing code in Brackets.
Made with and JavaScript
Brackets is an open-source project, supported by an active and passionate community. It’s made by other web developers like you! Learn How to Contribute…
Features
Inline Editors
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.
Popular Extensions
Git
Git integration for Brackets.
Emmet
High-speed HTML and CSS workflow.
Beautify
Format JavaScript, HTML, and CSS files.
Markdown Preview
Live preview of markdown documents.
File Icons
File icons in Brackets’ file tree.
Indent Guides
Show indent guides in the code editor.
Autoprefixer
Parse CSS and add vendor prefixes automatically.
W3C Validation
Modern, Powerful & Open source
With focused visual tools and preprocessor support, Brackets is a modern text editor that makes it easy to design in the browser. It’s crafted from the ground up for web designers and front-end developers.
tag will be added when NOT on mobile —>
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 without getting in the way of your creative process. You’ll enjoy writing code in Brackets.
Made with and JavaScript
Brackets is an open-source project, supported by an active and passionate community. It’s made by other web developers like you! Learn How to Contribute…
Features
Inline Editors
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.
Popular Extensions
Git
Git integration for Brackets.
Emmet
High-speed HTML and CSS workflow.
Beautify
Format JavaScript, HTML, and CSS files.
Markdown Preview
Live preview of markdown documents.
File Icons
File icons in Brackets’ file tree.
Indent Guides
Show indent guides in the code editor.
Autoprefixer
Parse CSS and add vendor prefixes automatically.
W3C Validation
Modern, Powerful & Open source
With focused visual tools and preprocessor support, Brackets is a modern text editor that makes it easy to design in the browser. It’s crafted from the ground up for web designers and front-end developers.
tag will be added when NOT on mobile —>
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 without getting in the way of your creative process. You’ll enjoy writing code in Brackets.
Made with and JavaScript
Brackets is an open-source project, supported by an active and passionate community. It’s made by other web developers like you! Learn How to Contribute…
Features
Inline Editors
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.
Popular Extensions
Git
Git integration for Brackets.
Emmet
High-speed HTML and CSS workflow.
Beautify
Format JavaScript, HTML, and CSS files.
Markdown Preview
Live preview of markdown documents.
File Icons
File icons in Brackets’ file tree.
Indent Guides
Show indent guides in the code editor.
Autoprefixer
Parse CSS and add vendor prefixes automatically.