Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rajasegar/awesome-pug

Awesome List for Pug.js templating engine for Express.js
https://github.com/rajasegar/awesome-pug

List: awesome-pug

awesome awesome-list pug pug-template-engine pugjs

Last synced: 3 months ago
JSON representation

Awesome List for Pug.js templating engine for Express.js

Awesome Lists containing this project

README

        

# Awesome Pug [![Awesome](https://awesome.re/badge.svg)](https://github.com/sindresorhus/awesome)

An awesome list of resources about **Pug** templating library for Node and Express.js applications.

Hoping to keep this list updated as much as possible, any new links through PRs are appreciated.

## Contents
- [Websites](#websites)
- [Tools](#tools)
- [Frameworks](#frameworks)
- [Boilerplates](#boilerplates)
- [Books](#books)
- [Posts](#posts)
- [Videos](#videos)
- [Converters](#converters)
- [Follow on Twitter](#follow-on-twitter)
- [Editor Plugins](#editor-plugins)
- [Podcasts](#podcasts)

## Websites
- [Pug](https://pugjs.org)
- [GitHub](https://github.com/pugjs/pug)
- [Gitter](https://gitter.im/pugjs/pug)

## Tools

### Frameworks
- [Laravel](https://github.com/BKWLD/laravel-pug)
- [Symfony](https://github.com/pug-php/pug-symfony)
- [Phalcon](https://github.com/pug-php/pug-phalcon)
- [CodeIgniter](https://github.com/pug-php/ci-pug-engine)
- [Yii 2](https://github.com/pug-php/pug-yii2)
- [Slim 3](https://github.com/pug-php/pug-slim)
- [Silex (implementation example)](https://gist.github.com/kylekatarnls/ba13e4361ab14f4ff5d2a5775eb0cc10)
- [Rails](https://github.com/yivo/pug-rails)

### Boilerplates
- [Alaska](https://github.com/pixelsbyeryc/alaska) - :gear: Static site boilerplate. Using Gulp, PugJS, and Sass.

## Books
- [Programming Web Applications with Node, Express and Pug](https://www.apress.com/gp/book/9781484225103)

## Posts
- [How I set up TailwindCSS with PugJS](https://mukhtar.hashnode.dev/how-i-set-tailwindcss-up-with-pugjs)
- [Learning the Jade Templating Engine Syntax](https://cssdeck.com/labs/learning-the-jade-templating-engine-syntax)
- [Jade Templating Tutorial Codecast - Part 2](https://cssdeck.com/labs/jade-templating-tutorial-codecast-part-2)
- [Jade FTW](https://gist.github.com/japboy/5402844) - Jade tutorial in Japanese.
- [A Beginner's Guide to Pug](https://www.sitepoint.com/a-beginners-guide-to-pug/)
- [Using PugJS Series](https://dev.to/nkratzmeyer/series/1963) - A Series of posts in Dev.to by Nathan Kratzmeyer.
- [The power of Jade mixins](https://jh3y.medium.com/the-power-of-jade-mixins-f0fb3c8d8422)
- [Getting started with Pug](https://blog.logrocket.com/getting-started-with-pug/)
- [An Introduction to the Pug Template Engine for Writing HTML](https://alligator.io/html/exploring-pug-to-write-html/)
- [Using the Pug Templating Engine](https://www.iamtimsmith.com/blog/using-the-pug-templating-engine-part-1-markup) - Series of blog posts by Tim Smith.
- [What is Pug.js and How can we use it within a Node.js Web Application](https://codeburst.io/what-is-pug-js-jade-and-how-can-we-use-it-within-a-node-js-web-application-69a092d388eb)
- [Pug.js to make your life easier with HTML templates](https://medium.com/jspoint/pug-js-to-make-your-life-easier-with-html-templates-9c62273626e0)
- [How to Build a Node Application Using a Pug Template](https://blog.bitsrc.io/how-to-build-a-node-application-using-a-pug-template-7319ab1bba69)
- [The Pug Guide](https://flaviocopes.com/pug/)
- [Pug.js tutorial: A beginner's guide with examples](https://blog.logrocket.com/using-pug-js-with-vue-js/)

## Videos
- [Pug Tutorial#10 - Mixins | Reusable blocks of code](https://www.youtube.com/watch?v=muZUf0k_bHw)
- [Pug Template Engine - Full Tutorial for Beginners](https://www.youtube.com/watch?v=kt3cEjjkCZA)
- [Pug Tutorials Playlist](https://www.youtube.com/watch?v=AY99ODBchIA&list=PLVvjrrRCBy2JbOPP2JXfCtADABI1QHzWg) - YouTube Playlist by dcode.
- [Meet Pug Series](https://www.youtube.com/watch?v=2dCDu_8EVFA&list=PLlgRhtOkjmmAvyOIKHWfU-DVrLqRePWa1) - Meet Pug playlist by codetap.

## Converters
- [html2jade.org](http://html2jade.org/) - Realtime online converter.
- [html2pug](https://github.com/donpark/html2jade)
- [pug2php](https://github.com/SE7ENSKY/jade2php)

## Follow on Twitter
- [Official Twitter](https://twitter.com/pug_js)

### People

## Editor Plugins
- [Vim](https://github.com/digitaltoad/vim-pug)
- [Emacs](https://github.com/brianc/jade-mode)
- [TextMate](http://github.com/miksago/jade-tmbundle)
- [Coda/SubEtha](https://github.com/aaronmccall/jade.mode)

## Podcasts