Emmet — the essential toolkit for web-developers

Emmet is a plugin for many popular text editors which greatly improves HTML & CSS workflow:

 
<!doctype html><html lang="en"><head>    <title>Demo</title></head><body>    </body></html>
▶ Watch demo

HTML from CSS

You’ve already known how to use Emmet abbreviations: its syntax is inspired by CSS selectors.
Dynamic snippets

Each abbreviation is transformed in runtime: just slightly change its name to get a different result.
Ultra-fast coding

With Emmet you can quickly write a bunch of code, wrap code with new tags, quickly traverse and select important code parts and more!
Customizable

Users can easily add new snippets and fine-tune Emmet experience with just a few JSON files.
Platform for new tools

Dig into Emmet source code and re-use its modules to create your very own and unique actions.
Highly portable

Emmet is written in pure JavaScript and works across different platforms: web browser, Node.js, Microsoft WSH and Mozilla Rhino.