Intro to HTML5 Panels

What are HTML5 Panels?

Panels are accessed in After Effects from Window > Extensions > (your panel name).  Panels can be resized and docked just like any other panel in After Effects. They are supported in After Effects CC 2014 and later.

What technologies are needed to write HTML5 Panels?

What panels have already been developed?

Panels are relatively new, starting with the 2014 release of After Effects CC, but have been supported in Premiere Pro since 2011.  Developers have created PPro panels to allow editors to work with their Media Asset Management systems without leaving the application. In AE, the potential is huge to automate repetitive tasks using scripting, using a panel for a polished UI.

What is the advantage of the panel SDK over ScriptUI or AEGP panels?

After Effects has already supported various ways to develop panels.  However, HTML5 is both more flexible than ScriptUI, and faster to develop then AEGP panels.  We anticipate HTML5 will be the sweet spot many developers are looking for, and it will enable more direct integration with many existing video tools.

Can the same panel be compatible with multiple hosts?

Yes, however, the underlying scripting DOM will likely differ, so you may need to implement the same functionality in different ways for different hosts.

Further Reading

System and software requirements

You will need Adobe Reader software to read the PDF documentation

Developer support

For questions on using the SDK to develop a panel for After Effects, please visit the After Effects SDK Forum.

SDKs are generally supported for six months following the release of the next major version of the SDK.