Skip to content
Native Zen Coding plugin for Eclipse
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.
META-INF Product rename (Zen Coding → Emmet) Sep 4, 2012
icons Initial commit Oct 26, 2010
.DS_Store Default keybindings on match pair commands Nov 6, 2010
.project Initial commit Oct 26, 2010
README.textile Refactoring: using core JS bootstrap to load user data Aug 20, 2012


Emmet (ex-Zen Coding)

Emmet is a toolkit for high-speed HTML, XML, XSL (or any other structured code format) coding and editing. The core of this plugin is a powerful abbreviation engine which allows you to expand expressions—similar to CSS selectors—into HTML code. For example:


…can be expanded into:

<div id="page">
        <div class="logo"></div>
        <ul id="navigation">
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>

Read more about current Emmet syntax


  1. Go to Help > Install New Software… in your Eclipse IDE
  2. Add in update sites
  3. Check Emmet for Eclipse group in available plugins list, click Next button and follow the installation instructions
  4. Restart Eclipse

Plugin Overview

This plugin provides the features:

  • Expand abbreviations by Tab key
  • Tab stops and linked mode support
  • Simple install and update process
  • Change action shortcuts in Eclipse’s Keys preferences page
  • Works across all Eclipse editors
  • Preferences support to fine-tune output for each syntax and add new abbreviations and snippets

Aptana 3 users: since Aptana 3 can also expand snippets by Tab key, there might be collisions in expanded result (for example, for div tag). You can remove unused snippets for Aptana bundles in order to make Emmet plugin work properly.


Django snippets

You can’t perform that action at this time.