# adobe/brackets

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/adobe-brackets).**

33,033 stars · 7,468 forks · JavaScript · MIT · archived

## Links

- GitHub: https://github.com/adobe/brackets
- Homepage: http://brackets.io
- awesome-repositories: https://awesome-repositories.com/repository/adobe-brackets.md

## Description

Brackets is an extensible JavaScript IDE and front-end code editor specifically designed for authoring HTML, CSS, and JavaScript. It serves as a web development text editor that provides a specialized environment for building websites.

The editor is distinguished by its live preview capabilities, which render code changes in a browser in real time for immediate visual feedback. It further supports front-end workflows through inline style editing and the ability to synchronize code changes across multiple browser windows for cross-browser testing.

The project includes a wide range of development tools, such as intelligent code completion, JavaScript linting, and global project search. The interface supports multi-cursor editing, split-view windows, asset hover previews, and symbol definition navigation.

Extensibility is managed through a plugin system that allows users to install community-built extensions and customize the interface via themes.

## Tags

### Development Tools & Productivity

- [Development Environments](https://awesome-repositories.com/f/development-tools-productivity/development-environment-management/development-environments.md) — Provides a comprehensive development environment specifically tailored for writing and managing HTML, CSS, and JavaScript. ([source](http://blog.brackets.io/))
- [Extensible IDEs](https://awesome-repositories.com/f/development-tools-productivity/extensible-ides.md) — Serves as an extensible JavaScript IDE that allows users to add custom tools via a plugin system.
- [Editor Extension Managers](https://awesome-repositories.com/f/development-tools-productivity/code-editors-ides/extension-ecosystems-management/editor-extensions/editor-tooling/editor-extension-managers.md) — Includes a manager for installing editor functionality from registries, direct URLs, or local folders. ([source](https://github.com/adobe/brackets/wiki/Brackets-Extensions))
- [Front-End Code Editors](https://awesome-repositories.com/f/development-tools-productivity/front-end-code-editors.md) — Provides a specialized environment for authoring web files with integrated front-end development tools.
- [Plugin Systems](https://awesome-repositories.com/f/development-tools-productivity/plugin-systems.md) — Implements a modular framework that allows extending core functionality through community-maintained plugins. ([source](https://cdn.jsdelivr.net/gh/adobe/brackets@master/README.md))
- [Text Editors](https://awesome-repositories.com/f/development-tools-productivity/text-editors.md) — Functions as a specialized text editor designed specifically for writing and managing web source code.
- [Code Completion](https://awesome-repositories.com/f/development-tools-productivity/code-completion.md) — Recommends tags, attributes, and variable names automatically based on project context and language analysis. ([source](http://github.com/adobe/brackets/wiki/How-to-Use-Brackets))
- [Column Editing](https://awesome-repositories.com/f/development-tools-productivity/column-editing.md) — Supports simultaneous modification of text across multiple vertical columns or selections to accelerate repetitive changes. ([source](https://github.com/adobe/brackets/wiki/Notes-on-CodeMirror))
- [Editor Extension Installations](https://awesome-repositories.com/f/development-tools-productivity/installation-scripts/post-installation-extensions/editor-extension-installations.md) — Supports adding third-party functionality through a plugin system for community-built extensions.
- [Local Development Servers](https://awesome-repositories.com/f/development-tools-productivity/local-development-servers.md) — Implements a built-in development server to coordinate file state between the local disk and the browser preview.
- [Multi-Cursor Editing](https://awesome-repositories.com/f/development-tools-productivity/multi-cursor-editing.md) — Provides capabilities for simultaneous text manipulation across multiple document locations using multiple cursors.
- [Project Search Tools](https://awesome-repositories.com/f/development-tools-productivity/project-search-tools.md) — Implements a high-performance text search that finds strings across the entire project in real time. ([source](http://github.com/adobe/brackets/wiki/How-to-Use-Brackets))

### Graphics & Multimedia

- [Web Content Live Preview](https://awesome-repositories.com/f/graphics-multimedia/live-preview-servers/web-content-live-preview.md) — Runs a built-in server to show HTML changes in a browser instantly as the code is edited. ([source](https://github.com/adobe/brackets/wiki/Linux-Version))

### Software Engineering & Architecture

- [Plugin-Based Editor Extensibility](https://awesome-repositories.com/f/software-engineering-architecture/plugin-based-editor-extensibility.md) — Features a plugin-based system that allows users to load external JavaScript packages to add custom tools.

### User Interface & Experience

- [Web Project Previews](https://awesome-repositories.com/f/user-interface-experience/live-preview-integrations/side-by-side-editor-previews/web-project-previews.md) — Renders local HTML, CSS, and JavaScript projects in a browser for immediate visual feedback.
- [Live Preview Renderers](https://awesome-repositories.com/f/user-interface-experience/live-preview-renderers.md) — Uses a persistent WebSocket connection to stream code changes to a browser in real time without manual reloads.
- [Visual Styling Workflows](https://awesome-repositories.com/f/user-interface-experience/css-styling/visual-styling-workflows.md) — Provides a styling workflow where colors and styles are modified through inline editors and visual previews.
- [Style Sheet Inline Editing](https://awesome-repositories.com/f/user-interface-experience/in-place-editing-inputs/style-sheet-inline-editing.md) — Enables modifying CSS styles for a specific element directly within the UI context without leaving the markup file. ([source](https://cdn.jsdelivr.net/gh/adobe/brackets@master/README.md))
- [Contextual Inline Editors](https://awesome-repositories.com/f/user-interface-experience/in-place-editing-inputs/style-sheet-inline-editing/contextual-inline-editors.md) — Provides context-specific editors for styles, colors, and functions directly at the cursor position for rapid updates. ([source](https://github.com/adobe/brackets/wiki/Brackets-Screenshots))
- [Cross-Browser Previews](https://awesome-repositories.com/f/user-interface-experience/interactive-design-previews/cross-browser-previews.md) — Synchronizes code changes across multiple browser windows simultaneously to verify visual consistency across engines. ([source](http://github.com/adobe/brackets/wiki/How-to-Use-Brackets))
- [DOM-Based Rendering](https://awesome-repositories.com/f/user-interface-experience/text-rendering/dom-based-rendering.md) — Uses HTML and CSS to render the code editing surface and syntax highlighting within a web view.

### Web Development

- [Front-End Development](https://awesome-repositories.com/f/web-development/front-end-development.md) — Designed specifically for the domain of front-end development, managing the user-facing part of web applications.
- [Editor Live Previews](https://awesome-repositories.com/f/web-development/live-preview-systems/editor-live-previews.md) — Provides a real-time browser preview that renders code changes instantly as the developer types.

### Programming Languages & Runtimes

- [JavaScript Linters](https://awesome-repositories.com/f/programming-languages-runtimes/javascript-linters.md) — Automatically analyzes JavaScript files for syntax errors and style violations during file system events. ([source](http://github.com/adobe/brackets/wiki/How-to-Use-Brackets))

### Testing & Quality Assurance

- [Cross-Browser Testing Tools](https://awesome-repositories.com/f/testing-quality-assurance/software-testing/testing-frameworks/test-frameworks/execution-and-infrastructure/test-infrastructure-configuration/cross-browser-testing-tools.md) — Supports cross-browser testing by synchronizing code changes across multiple browser windows simultaneously.