The Frontend Hitchhiker's Guide: UI Libraries

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • InfluxDB - Access the most powerful time series database as a service
  • ONLYOFFICE ONLYOFFICE Docs — document collaboration in your environment
  • Sonar - Write Clean JavaScript Code. Always.
  • CodiumAI - TestGPT | Generating meaningful tests for busy devs
  • Vue.js

    This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core

    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.

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    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.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • React

    The library for web and native user interfaces

    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.

  • qunit

    🔮 An easy-to-use JavaScript unit testing framework.

    However, jQuery is still used today and has spawned other projects like jQuery UI and Quint.

  • Materialize

    Materialize, a CSS Framework based on Material Design

    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.

  • jQuery

    jQuery JavaScript Library

    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.

  • Bootstrap

    The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

    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.

  • InfluxDB

    Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts