Skip to content
Brackets extension for Adobe Experience Manager (AEM) front-end developers with auto-sync and HTL support.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github/ISSUE_TEMPLATE moved issue templates into correct folder Aug 31, 2018
sly-tests initial commit Jul 28, 2014
.gitignore initial commit Jul 28, 2014
.jshintrc initial commit Jul 28, 2014 Added good open-source citizen files Aug 31, 2018
LICENSE initial commit Jul 28, 2014
NOTICE initial commit Jul 28, 2014
main.js FilePathProcessor.js - ERR_FILE_NOT_FOUND Mar 21, 2018
package.json updated github organisation Nov 12, 2018

AEM Brackets Extension

This extension provides a smooth workflow to edit AEM components and client libraries, and leverages the power of the Brackets code editor, which gives access from within the code editor to Photoshop files and layers. The easy synchronization provided by the AEM Brackets Extension (no Maven or File Vault required) increases developer efficiency and also helps front-end developers with limited AEM knowledge to participate on projects. This extension also provides some HTL support, a template language that takes away the complexity of JSP to make component development easier and more secure.


Please refer to the documentation page for instructions on how to install the extension, as well as detailed information about the features.

Get Started

If you don't have of your own a project with a content-package to try out, you can try out the HTL TodoMVC Example sample application that was built with the AEM Brackets Extension. Download the ZIP from GitHub, extract the files locally, open the jcr_root folder in Brackets, setup the Project Settings, and upload the whole package to your AEM development instance by doing an Export Content Package.

After these steps, you should be able to access the /content/todo.html URL on your AEM development instance and you can start doing modifications to the code in Brackets and see how, after doing a refresh in the web browser, the changes were immediately synchronized to the AEM server.

Known Issues or Limitations

  • Embedded content packages are not supported.

Reporting Bugs

Please report any issues you encounter using GitHub's issue tracker from.


The AEM Brackets Extension is a Node.js module. The following steps need to be followed if you want to start hacking on new features:

  1. install Node.js for your platform

  2. clone this repository

    git clone
  3. in the aem-brackets-extension folder run

    npm install


Contributions are welcome! Read the Contributing Guide for more information.


This project is licensed under the Apache V2 License. See LICENSE for more information.

You can’t perform that action at this time.