The Frontend Hitchhiker's Guide: UI Libraries

Development Tools Javascript UI Libraries Developer Tools

Vue.js Landing Page
1

Vue.js

Reactive Components for Modern Web Interfaces
Pricing:
- Open Source
Vue feels is like the de facto react alternative. It argues some performance improvement over react and doesn't require you to write JSX or CSS in JavaScript.

#Front-End Frameworks #Javascript UI Libraries #JS Library 341 social mentions
Tailwind CSS Landing Page
2

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
These days it feels like this wouldn't be a Dev.to post without mentioning tailwind. It's a highly popular library for good reason. There's so many utility classes you can tweak the smallest details of you app needing to write any CSS.

#Developer Tools #Design Tools #Website Design 866 social mentions
React Landing Page
3

React

A JavaScript library for building user interfaces
Pricing:
- Open Source
You are probably wondering why this wasn't at the top. According to the State of JS survey, ReactJS has been the most used 'Front-end Framework' since 2016. React is featured 5th in this post because it is both a library and a framework.

#Javascript UI Libraries #JS Library #JavaScript Framework 775 social mentions
Materialize CSS Landing Page
4

Materialize CSS

A modern responsive front-end framework based on Material Design
Pricing:
- Open Source
This is my personal pick for putting together a web app quickly. Materialize CSS is great for making an app that follows the material design specification.

#CSS Framework #Development Tools #Design Tools 25 social mentions
jQuery UI Landing Page
5

jQuery UI

Curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library
Pricing:
- Open Source
However, jQuery is still used today and has spawned other projects like jQuery UI and Quint.

#Development Tools #Javascript UI Libraries #JavaScript Framework 12 social mentions
jQuery Landing Page
6

jQuery

The Write Less, Do More, JavaScript Library.
Pricing:
- Open Source
This legacy library is more of an honourable mention. Around 2017-2019 it was unfathomable to build a website without jQuery. It provided easy to use APIs for cross browser DOM manipulation, AJAX and attaching event handlers.

#Development Tools #UI #Software Libraries 87 social mentions
Bootstrap Landing Page
7

Bootstrap

Simple and flexible HTML, CSS, and JS for popular UI components and interactions
Pricing:
- Open Source
Another popular library that is usually the first for many devs is Bootstrap. It's not as flexible as tailwind but its easy to use and has tons of themes, and examples.

#CSS Framework #Development Tools #Design Tools 326 social mentions