HAML vs UIkIt

Overview

UIkIt

Stacks793

Followers418

Votes262

GitHub Stars18.5K

Forks2.3K

HAML

Stacks600

Followers332

Votes267

GitHub Stars3.8K

Forks580

HAML vs UIkIt: What are the differences?

HAML: HTML Abstraction Markup Language - A Markup Haiku. Haml is a markup language that’s used to cleanly and simply describe the HTML of any web document, without the use of inline code. Haml functions as a replacement for inline page templating systems such as PHP, ERB, and ASP. However, Haml avoids the need for explicitly coding HTML into the template, because it is actually an abstract description of the HTML, with some code to generate dynamic content; UIkIt: A lightweight and modular front-end framework for developing fast and powerful web interfaces. UIkit gives you a comprehensive collection of HTML, CSS, and JS components which is simple to use, easy to customize and extendable.

HAML belongs to "Languages" category of the tech stack, while UIkIt can be primarily classified under "Front-End Frameworks".

"Clean and simple" is the primary reason why developers consider HAML over the competitors, whereas "Complete GUI" was stated as the key factor in picking UIkIt.

HAML and UIkIt are both open source tools. UIkIt with 14.7K GitHub stars and 2.11K forks on GitHub appears to be more popular than HAML with 3.44K GitHub stars and 544 GitHub forks.

StackShare, Bukalapak, and Accenture are some of the popular companies that use HAML, whereas UIkIt is used by AskNicely, Nedwave, and Grupo NZN. HAML has a broader approval, being mentioned in 113 company stacks & 40 developers stacks; compared to UIkIt, which is listed in 45 company stacks and 9 developer stacks.

Share your Stack

Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.

View Docs

CLI (Node.js)

Manual

Advice on UIkIt, HAML

Daniel

Frontend Developer at atSistemas

Jun 10, 2020

Needs adviceon

New Relic

Next.js

React

I'm building, from scratch, a webapp. It's going to be a dashboard to check on our apps in New Relic and update the Apdex from the webapp. I have just chosen Next.js as our framework because we use React already, and after going through the tutorial, I just loved the latest changes they have implemented.

But we have to decide on a CSS framework for the UI. I'm partial to Bulma because I love that it's all about CSS (and you can use SCSS from the start), that it's rather lightweight and that it doesn't come with JavaScript clutter. One of the things I hate about Bootstrap is that you depend on jQuery to use the JavaScript part. My boss loves UIkIt, but when I've used it in the past, I didn't like it.

What do you think we should use? Maybe you have another suggestion?

1.07M views1.07M

Comments

Sai Karun

Jan 30, 2020

Needs advice

We are re-modifying the existing portal to the new one. Looking out for a CSS framework where over-rides are possible, the performance of page loading, extendable, etc Please suggest between tailwind, UIkit and bootstrap frameworks explaining in detail on different factors. I request your help on the same.

595k views595k

Comments

Detailed Comparison

UIkIt	HAML
UIkit gives you a comprehensive collection of HTML, CSS, and JS components which is simple to use, easy to customize and extendable.	Haml is a markup language that’s used to cleanly and simply describe the HTML of any web document, without the use of inline code. Haml functions as a replacement for inline page templating systems such as PHP, ERB, and ASP. However, Haml avoids the need for explicitly coding HTML into the template, because it is actually an abstract description of the HTML, with some code to generate dynamic content.
LESS - UIkit is developed in LESS to write well-structured, extendable code which is easy to maintain.;Components - A collection of small, responsive components using consistent and conflict-free naming conventions.;Customizer - UIkit's very basic style can be extended with themes and is easy to customize to create your own look.;Responsive - With the mobile-first approach UIkit provides a consistent experience from phones and tablets to desktops.	-
Statistics
GitHub Stars 18.5K	GitHub Stars 3.8K
GitHub Forks 2.3K	GitHub Forks 580
Stacks 793	Stacks 600
Followers 418	Followers 332
Votes 262	Votes 267
Pros & Cons
Pros 39 Complete GUI 29 Easy modify 27 Practical 24 Easy to learn 24 Functional	Pros 68 Clean and simple 49 No html open/close tags 39 Easier to write than ERB 36 Forces clean and readable code 34 Simpler markup language Cons 3 It's not Pug
Integrations
No integrations available	Rails

What are some alternatives to UIkIt, HAML?

JavaScript

JavaScript is most known as the scripting language for Web pages, but used in many non-browser environments as well such as node.js or Apache CouchDB. It is a prototype-based, multi-paradigm scripting language that is dynamic,and supports object-oriented, imperative, and functional programming styles.

Bootstrap

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

Python

Python is a general purpose programming language created by Guido Van Rossum. Python is most praised for its elegant syntax and readable code, if you are just beginning your programming career python suits you best.

PHP

Fast, flexible and pragmatic, PHP powers everything from your blog to the most popular websites in the world.

Ruby

Ruby is a language of careful balance. Its creator, Yukihiro “Matz” Matsumoto, blended parts of his favorite languages (Perl, Smalltalk, Eiffel, Ada, and Lisp) to form a new language that balanced functional programming with imperative programming.

Java

Java is a programming language and computing platform first released by Sun Microsystems in 1995. There are lots of applications and websites that will not work unless you have Java installed, and more are created every day. Java is fast, secure, and reliable. From laptops to datacenters, game consoles to scientific supercomputers, cell phones to the Internet, Java is everywhere!

Golang

Go is expressive, concise, clean, and efficient. Its concurrency mechanisms make it easy to write programs that get the most out of multicore and networked machines, while its novel type system enables flexible and modular program construction. Go compiles quickly to machine code yet has the convenience of garbage collection and the power of run-time reflection. It's a fast, statically typed, compiled language that feels like a dynamically typed, interpreted language.

HTML5

HTML5 is a core technology markup language of the Internet used for structuring and presenting content for the World Wide Web. As of October 2014 this is the final and complete fifth revision of the HTML standard of the World Wide Web Consortium (W3C). The previous version, HTML 4, was standardised in 1997.

C#

C# (pronounced "See Sharp") is a simple, modern, object-oriented, and type-safe programming language. C# has its roots in the C family of languages and will be immediately familiar to C, C++, Java, and JavaScript programmers.

Scala

Scala is an acronym for “Scalable Language”. This means that Scala grows with you. You can play with it by typing one-line expressions and observing the results. But you can also rely on it for large mission critical systems, as many companies, including Twitter, LinkedIn, or Intel do. To some, Scala feels like a scripting language. Its syntax is concise and low ceremony; its types get out of the way because the compiler can infer them.

Related Comparisons

Bootstrap vs Materialize

Django vs Laravel vs Node.js

Bootstrap vs Foundation vs Material UI

Node.js vs Spring-Boot

Flyway vs Liquibase

HAML vs UIkIt: What are the differences?

HAML belongs to "Languages" category of the tech stack, while UIkIt can be primarily classified under "Front-End Frameworks".

"Clean and simple" is the primary reason why developers consider HAML over the competitors, whereas "Complete GUI" was stated as the key factor in picking UIkIt.

HAML and UIkIt are both open source tools. UIkIt with 14.7K GitHub stars and 2.11K forks on GitHub appears to be more popular than HAML with 3.44K GitHub stars and 544 GitHub forks.