Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Pug
Pug

864
638
+ 1
386
Semantic UI
Semantic UI

600
598
+ 1
576
Add tool

Pug vs Semantic UI: What are the differences?

Pug: Robust, elegant, feature rich template engine for nodejs. This project was formerly known as "Jade." Pug is a high performance template engine heavily influenced by Haml and implemented with JavaScript for Node.js and browsers; Semantic UI: A UI Component library implemented using a set of specifications designed around natural language. Semantic empowers designers and developers by creating a shared vocabulary for UI.

Pug can be classified as a tool in the "Templating Languages & Extensions" category, while Semantic UI is grouped under "Front-End Frameworks".

"Elegant html", "Great with nodejs" and "Open source" are the key factors why developers consider Pug; whereas "Easy to use and looks elegant", "Variety of components" and "Themes" are the primary reasons why Semantic UI is favored.

Pug and Semantic UI are both open source tools. It seems that Semantic UI with 45.9K GitHub stars and 4.84K forks on GitHub has more adoption than Pug with 18.4K GitHub stars and 1.9K GitHub forks.

According to the StackShare community, Pug has a broader approval, being mentioned in 174 company stacks & 119 developers stacks; compared to Semantic UI, which is listed in 77 company stacks and 55 developer stacks.

What is Pug?

This project was formerly known as "Jade." Pug is a high performance template engine heavily influenced by Haml and implemented with JavaScript for Node.js and browsers.

What is Semantic UI?

Semantic empowers designers and developers by creating a shared vocabulary for UI.
Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Why do developers choose Pug?
Why do developers choose Semantic UI?

Sign up to add, upvote and see more prosMake informed product decisions

    Be the first to leave a con
      Be the first to leave a con
      What companies use Pug?
      What companies use Semantic UI?

      Sign up to get full access to all the companiesMake informed product decisions

      What tools integrate with Pug?
      What tools integrate with Semantic UI?

      Sign up to get full access to all the tool integrationsMake informed product decisions

      What are some alternatives to Pug and Semantic UI?
      TypeScript
      TypeScript is a language for application-scale JavaScript development. It's a typed superset of JavaScript that compiles to plain JavaScript.
      Handlebars.js
      Handlebars.js is an extension to the Mustache templating language created by Chris Wanstrath. Handlebars.js and Mustache are both logicless templating languages that keep the view and the code separated like we all know they should be.
      Mustache
      Mustache is a logic-less template syntax. It can be used for HTML, config files, source code - anything. It works by expanding tags in a template using values provided in a hash or object. We call it "logic-less" because there are no if statements, else clauses, or for loops. Instead there are only tags. Some tags are replaced with a value, some nothing, and others a series of values.
      Hogan.js
      Hogan.js is a 3.4k JS templating engine developed at Twitter. Use it as a part of your asset packager to compile templates ahead of time or include it in your browser to handle dynamic templates.
      Smarty
      Facilitating the separation of presentation (HTML/CSS) from application logic. This implies that PHP code is application logic, and is separated from the presentation
      See all alternatives
      Decisions about Pug and Semantic UI
      No stack decisions found
      Interest over time
      Reviews of Pug and Semantic UI
      No reviews found
      How developers use Pug and Semantic UI
      Avatar of Romans Malinovskis
      Romans Malinovskis uses PugPug
      Avatar of Kalibrr
      Kalibrr uses PugPug

      We use Jade when writing HTML, which is much easier to read and maintain. We compile it to HTML before deploying it though, and don't use Jade's client-side rendering features.

      Avatar of Merge In
      Merge In uses PugPug

      We use Jade for constructing our modular UI. We also rely on Jade interpolation to pass reactive and static values from our Express server.

      Avatar of Seungkwon Park
      Seungkwon Park uses PugPug

      front-end μˆ˜μ—… λ•Œ 듀은 jade μž…λ‹ˆλ‹€. html을 효과적으둜 λ‹€λ£° 수 있고

      둜 μ—΄κ³  λ‹«μ„λ•Œ 혼돈이 μ—†μ–΄ μ’‹μ•„ν•©λ‹ˆλ‹€. ν˜„μž¬ ν”„λ‘œμ νŠΈμ— gulp와 ν•¨κ»˜ λΆ™μ΄λ €λŠ” κ³„νšμ„ κ°–κ³  μžˆμ§€λ§Œ, 아직 μ—°μŠ΅μ΄ 더 ν•„μš”ν•˜λ‹€κ³  μƒκ°λ©λ‹ˆλ‹€.
      Avatar of osu! Ripple
      osu! Ripple uses Semantic UISemantic UI

      We use Semantic UI for our frotend. A heavily customised version of it, but still Semantic UI under the hood.

      Avatar of Ralic Lo
      Ralic Lo uses Semantic UISemantic UI

      Used Semantic UI + Angular2 together with Spring or Node/Express for full stack web application development.

      Avatar of Mathias Vonende
      Mathias Vonende uses PugPug

      Nice templating system, but lacks proper namespacing for non-html / xml data.

      Avatar of Giftstarter
      Giftstarter uses Semantic UISemantic UI

      We haven't yet, but we would like to integrate into our Web App.

      Avatar of Eliana Abraham
      Eliana Abraham uses Semantic UISemantic UI

      It's pretty. Used it once for MDST.

      Avatar of Wellzesta
      Wellzesta uses Semantic UISemantic UI

      Grid, widgets, theming.

      How much does Pug cost?
      How much does Semantic UI cost?
      Pricing unavailable
      Pricing unavailable
      News about Semantic UI
      More news