Skip to main content

Playground

Playgrounds allow you to run demos in your browser, without installing anything!

Try it now!​

warning

StackBlitz doesn't work properly in Safari. Use any other browser.

Hello World (HTML)​

A simple example with HTML, JS, SCSS, images.

Open in StackBlitz

Hello World (Pug)​

A simple example using Pug template engine, JS, SCSS, images.

Open in StackBlitz

Hello World (Twig)​

A simple example using Twig template engine.

Open in StackBlitz

Using Handlebars​

A simple example using Handlebars template engine. Passing external data into template from Webpack config.

Open in StackBlitz

Advanced using Handlebars​

An example to extend Handlebars layout with blocks.

Open in StackBlitz

Markdown​

An example to load Markdown *.md file in template.

Open in StackBlitz

Integrity attribute​

An example to auto generate integrity hash for <link> and <script> tags.

Open in StackBlitz

Inline SVG​

An example to inline multiple SVG files w/o ID collision.

Open in StackBlitz

Inline all assets into HTML​

An Vue app example to inline JS, CSS, images into single HTML file.

Open in StackBlitz

Bootstrap​

An example of using Bootstrap with Webpack.

Open in StackBlitz

Tailwind CSS​

An example of using Tailwind with Webpack.

Open in StackBlitz