Emmet

Open source

The essential toolkit for web-developers

Become a contributor

Financial contributions

Custom contribution

Donation

Make a custom one time or recurring contribution to support this collective.
Recurring contribution

backer

Become a backer for $5.00 per month and help us sustain our activities!

Starts at

$5 USD / month

Recurring contribution

sponsor

Become a sponsor with a monthly donation of $200 (providing four hours of maintenance and develop... Read more

$150 USD / month

1 organization has contributed

Top financial contributors

1

Norgekasino

$200 USD since Jun 2020

Budget

See how money openly circulates through Emmet. All contributions and all expenses are published in our transparent public ledger. Learn who is donating, how much, where is that money going, submit expenses, get reimbursed and more!

Monthly financial contribution to Emmet (sponsor)

from Norgekasino7/4/2020

+$100.00USD
Completed

Monthly financial contribution to Emmet (sponsor)

from Norgekasino6/8/2020

+$100.00USD
Completed

Today’s balance

$171.60 USD

Estimated annual budget

~ $1,029.60 USD

Emmet is all of us

Our contributors 2

Everyone who has supported Emmet. Individuals and organizations that believe in –and take ownership of– our purpose.

Norgekasino
Financial Contributor

Total contributions

$200 USD

sponsor

About

Emmet is a web-developer’s toolkit for boosting HTML & CSS code writing.

With Emmet, you can type expressions (abbreviations) similar to CSS selectors and convert them into code fragment with a single keystroke. For example, this abbreviation:

ul#nav>li.item$*4>a{Item $}

…can be expanded into:

<ul>
    <li><a href="">Item 1</a></li>
    <li><a href="">Item 2</a></li>
    <li><a href="">Item 3</a></li>
    <li><a href="">Item 4</a></li>
</ul>
Features

  • Familiar syntax: as a web-developer, you already know how to use Emmet. Abbreviation syntax is similar to CSS Selectors with shortcuts for id, class, custom attributes, element nesting and so on.
  • Dynamic snippets: unlike default editor snippets, Emmet abbreviations are dynamic and parsed as-you-type. No need to predefine them for each project, just type MyComponent>custom-element to convert any word into a tag.
  • CSS properties shortcuts: Emmet provides special syntax for CSS properties with embedded values. For example, bd1-s#f.5 will be expanded to border: 1px solid rgba(255, 255, 255, 0.5).
  • Available for most popular syntaxes: use single abbreviation to produce code for most popular syntaxes like HAML, Pug, JSX, SCSS, SASS etc.