GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects β†’ rstacruz β†’ Expug

rstacruz / Expug

Pug templates for Elixir

Programming Languages

elixir
2628 projects

Labels

phoenixpugjade

Projects that are alternatives of or similar to Expug

pypugjs
PugJS syntax adapter for Django, Jinja2 and Mako templates
Stars: ✭ 237 (+220.27%)
Mutual labels:  pug, jade
pug-server
🐢 A simple pug server
Stars: ✭ 19 (-74.32%)
Mutual labels:  pug, jade
emitty
A platform for finding dependencies between files and building tools for incremental compilation or build.
Stars: ✭ 69 (-6.76%)
Mutual labels:  pug, jade
tale-pug
Tale Pug is the popular JavaScript Template Engine Pug, formerly Jade, for PHP!
Stars: ✭ 32 (-56.76%)
Mutual labels:  pug, jade
web-generator
πŸ‘‘ Gulp based task runner which creates HTML output from Pug HTML templates
Stars: ✭ 13 (-82.43%)
Mutual labels:  pug, jade
pretty-harp-jade-skeleton
πŸ’€ Harp & Jade/Pug skeleton theme for a personal blog
Stars: ✭ 15 (-79.73%)
Mutual labels:  pug, jade
pug-symfony
Pug (Jade) template engine for Symfony
Stars: ✭ 40 (-45.95%)
Mutual labels:  pug, jade
Pug As Jsx Loader
Stars: ✭ 168 (+127.03%)
Mutual labels:  pug, jade
virtual-jade
Compile Jade templates to Hyperscript for Virtual DOM libraries
Stars: ✭ 31 (-58.11%)
Mutual labels:  pug, jade
preview-vscode
A previewer of Markdown and HTML for Visual Studio Code
Stars: ✭ 25 (-66.22%)
Mutual labels:  pug, jade
Jade
Jade.go - pug template engine for Go (golang)
Stars: ✭ 251 (+239.19%)
Mutual labels:  pug, jade
Pug
Pug template engine for PHP
Stars: ✭ 341 (+360.81%)
Mutual labels:  pug, jade
Bootstrap3 Pug Former jade Node Express Grunt
Bootstrap 3 templated by Jade
Stars: ✭ 242 (+227.03%)
Mutual labels:  pug, jade
idiots.win
Google Autocomplete Guessing Game
Stars: ✭ 26 (-64.86%)
Mutual labels:  pug, jade
Compile Hero
πŸ”°Visual Studio Code Extension For Compiling Language
Stars: ✭ 169 (+128.38%)
Mutual labels:  pug, jade
bit-css
η”¨εŽŸε­η±»θ΅‹δΊˆε…ƒη΄ ε±žζ€§οΌŒε‡ε°‘η”šθ‡³δΈε†™css
Stars: ✭ 19 (-74.32%)
Mutual labels:  pug, jade
Jade Html5 Boilerplate
HTML5 Boilerplate ported to Jade. Great as a drop and go markup skeleton for Express apps.
Stars: ✭ 111 (+50%)
Mutual labels:  pug, jade
Laravel Pug
Pug view adapter for Laravel and Lumen
Stars: ✭ 130 (+75.68%)
Mutual labels:  pug, jade
lsxc
Compile Livescript + Pug + React + SASS as a single component
Stars: ✭ 17 (-77.03%)
Mutual labels:  pug, jade
generator-vintage-frontend
Modern front-end workflow
Stars: ✭ 15 (-79.73%)
Mutual labels:  pug, jade
View All Similar Projects βž”

Expug

Indented shorthand HTML templates for Elixir

Expug is a template language based on Pug (formerly known as Jade). It lets you write HTML as indented shorthand, inspired by Haml, Slim, Pug/Jade, and so on.

<iframe src='https://try-expug.herokuapp.com/try?code=doctype%20html%0Ahtml%0A%20%20head%0A%20%20%20%20meta(charset%3D%22utf-8%22)%0A%20%20%20%20title%20Hello%0A%20%20body%0A%20%20%20%20a.button(href%3D%40link)%0A%20%20%20%20%20%20%7C%20This%20is%20a%20link' height='400' width='100%' style='border: 0'></iframe> 
doctype html
html
  meta(charset="utf-8")
  title Hello, world!
body
  a([email protected])
    | This is a link

Installation

Add expug to your list of dependencies in mix.exs:

def deps do
  [{:expug, "~> 0.9"}]
end

Also see phoenix_expug for Phoenix integration.

Syntax

Use CSS-like selectors for elements, and express your nesting through indentations.

ul.links
  li
    a(href="/") This is a link

Read more: Syntax

Why should I use it?

Read on this comparison to see how Expug compares to other similar libraries.

Thanks

expug Β© 2016-2017, Rico Sta. Cruz. Released under the MIT License.
Authored and maintained by Rico Sta. Cruz with help from contributors (list).

ricostacruz.com  Β·  GitHub @rstacruz  Β·  Twitter @rstacruz

 

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].