Brackets Extensions

Brackets doesn't yet have functionality for discovering and installing extensions. In the meantime, here's a list of extensions that people have built. You can copy them into the user extension folder, which can be opened by selecting Help > Show Extensions Folder. Brackets needs to be restarted after installing a new extension.

If you've written an extension (even just as an experiment), please feel free to edit this page directly and add it (with some indication of what state it's in), and post to the brackets-dev Google Group to let the community know about it.

Also be sure to use the Brackets Shortcuts page to see which shortcuts are available and also to add the shortcuts that you have used. Thanks!

Code/Text Editing

• Snippets: Assign trigger keys to insert snippets. Configurable with JSON
• String Convert: Provides shortcuts for modifying and encoding strings within the editor.
• Prefixr: Generate browser specific CSS prefixes using the prefixr service.
• Show Indentations: Visualizes the characters used for indenting lines
• TabToSpace: Converts indentation to tabs or spaces
• Align Assignments: Aligns assignment operators(Equal sings)
• Editor Shortcuts: Keyboard shortcut to delete line
• Select Parent: Quick way to select the block enclosing the selection
• Web Fonts: Simple interface for adding/deleting/swapping Google Web Fonts in a CSS file
• HTML Templates: Pastes in barebones HTML code for different doctypes.
• Auto Formatter: Auto formatter for XML/HTML, CSS, JavaScript files.
• Auto Indent: Indent automatically for whole file.
• [Spell Checker] (https://github.com/couzteau/SpellCheck): based on the spell checker web service After The Deadline - still in Alpha - Checks current text selection, highlights errors, click on error to see suggestions.

Code Generation

• App Cache Buddy: Generate and validate application cache manifests.
• Annotate: Generates JSDoc annotations for your functions

QuickOpen Support

• PHP: adds PHP function definition support to QuickOpen search

General functionality

• Extension Manager: Install, Remove, and upgrade your extensions from the cloud from inside Brackets (requires node).
• Extension Toolkit An extension to make building Brackets extensions easier.
• Related Files: Discovers and allows you to open related files in your project.
• File Navigation Shortcuts: shortcuts for switching to next/previous editor (non-MRU order), and a version of Quick Open scoped to only open files.
• Open File from URL: Opens any href and rel atribute urls in editor on ALT+0 shortcut. Currently works only with existing files.
• Brackets Commands Guide: Search and execute commands by typing part of their name, similar to Quicksilver (or Sublime's Ctrl+Shift+P or Eclipse's Ctrl+3).

Live Development

• Debugger: Brackets Debugger for the Live Development browser.
• Everyscrub: Everything's a scrubber! Cmd/Ctrl + drag on any number or hex color to scrub its value and update the browser in real time.
• Reload in Browser: Adds a toolbar button and shortcut to reload the page in the browser
• V8/Node Live Development: Updates scripts running in Node.js as you type

Visual Editing

• Color Picker: Quick Edit on a hex color opens an inline color picker.
• Color Editor: Quick Edit on a hex/rgb/hsl color opens an inline color picker, plus a listing of all colors used in the file.
• Edge Web Fonts: Browse free fonts from the Edge Web Fonts collection, with thumbnails. Activated via CSS code hints for font-family.
• Hover Preview: Displays a preview when hovering over a color value, gradient, or image filename.
• CSS Exclusion Shape Viewer: Quick Edit on an exclusion shape definition in CSS displays the shape.

External Tools

• GitHub: Implements the GitHub API, including oAuth. Currently functionality limited to Gists.
• ToGist: Create an anonymous gist from the current selection.
• PhoneGap Extension for Brackets: Manage PhoneGap Build projects from Brackets.
• (See also Prefixr above).

Documentation

• MDNLookup: Includes a way of creating an extensions toolbar and adding buttons to the toolbar with callbacks. Requires a slight change to the core.
• CanIUse: An inline viewer of CanIUse.com support data.
• Display Shortcuts: Display Shortcuts defined to Brackets.

Linting & Warnings

• CSSLint: CSSLint your documents.
• JSHint: Performs a JSHint report.
• W3CValidator: Run the W3C Validator on your HTML.
• (See also App Cache Buddy above).