24 Sublime Text Plugins/Packages For HTML

Instead of formal documentation, tab triggers for each HTML5 tag are the same as the tag, for example <time> expands to <time datetime="${1:2011-01-12}">${2:January 12th, 2011}</time> (where the $1{...} parts are editable placeholders once you have triggered the snippet).

Type the snippet shortcode and then press Tab to complete the snippet.

With a blank saved HTML file open, type htmlboiler and press TAB.

Forked from the Handcrafted Haml TextMate Bundle.

Convert whole ERB or HTML file, convert selection, convert clipboard content.

This was made specifically for Sublime Text 2, but was tested and works with Textmate 2 and Sublime Text 3.

A Sublime Text plugin complete with Twitter Bootstrap 3 snippets.

This is the Textmate/Sublime Text bundle for Slim, based on the Handcrafted Haml bundle.

Converts files, selection and clipboard content from HTML to Slim using http://html2slim.herokuapp.com/html2slim.json API.

Syntax file obtained from mwunsch's sublime repo. Supports .mustache, .mst, .hjs, and .hgn (Hogan) files.

Colours of Handlebars expressions are selected to be in contrast with the surrounding HTML. Handlebars expressions get syntax highlighting in HTML attributes. Parameters passed to block expressions get syntax highlighting too. Works both with individual template files and inline templates in script tags.

Start typing bs3 in html files and the autocomplete window opens. It matches fuzzily. So you can type bs3radio to find the bs3-input:radio snippet.

Sublime Text autocomplete plugin for Bootstrap 3.

A sublime plugin complete with Bootstrap 4 snippets.

Sublime Text autocomplete plugin for Bootstrap 4.

Each snippet is prefixed with zf- (ZURB Foundation). Each snippet is singular, unless the name of the component ends in an s (offcanvas). Available classes are included as comments in the snippets.

Sublime Text autocomplete plugin for Foundation 6.

Sublime Text snippets for the Semantic UI framework. All command completions are prefixed with ui, typing dash-connected class names should trigger the element of choice.

Created based on UIKit plugin.

This Materialized Sublime Text plugin contains snippets of Materialized CSS components.

Auto-complete plugin for UIKit classes and attributes.

This is a Sublime Text 2 and 3 plugin allowing you to format your HTML, CSS, JavaScript and JSON code. It uses a set of nice beautifier scripts made by Einar Lielmanis. The formatters are written in JavaScript, so you'll need something (node.js) to interpret JavaScript code outside the browser. This will work with either HTML, CSS, JavaScript and JSON files.

It makes code easier for humans to read.

Minify depends on other programs written in Node.js to do its job.