Skip to content
Pug templates for Elixir
Elixir
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
config
docs
lib
test
.gitignore
.travis.yml
HISTORY.md
README.md
mix.exs
mix.lock Hex: update earmark and ex_doc versions Oct 18, 2017

README.md

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(href=@link)
    | 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

 

You can’t perform that action at this time.