What is a component library and should you build your own?

Design Tools Developer Tools Website Design

Tailwind CSS Landing Page
1

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
A toolchain to generate CSS classes based on your configuration (Tailwind).

#Developer Tools #Design Tools #Website Design 1013 social mentions
Shoelace.css Landing Page
2

Shoelace.css

A back to the basics CSS starter kit.
Pricing:
- Open Source
Another great component library is Shoelace, which provides dozens of fully interactive and fully-styled components.

#Developer Tools #Design Tools #Gradient Generator 25 social mentions
jQuery UI Landing Page
3

jQuery UI

Curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library
Pricing:
- Open Source
Fortunately, when I started web development in earnest, many of these issues were ironed out. By this point, there were still a handful of libraries that made writing complex interfaces with cross-browser support a little easier. Jquery UI, the first component library I used, supported accordions and other widgets. But the browser is constantly evolving, and we now have a native way of implementing this accordion pattern using the details and summary elements, available in all browsers in 2020. With these elements, you can get pretty far along creating interactive accordions without JavaScript.

#Development Tools #Javascript UI Libraries #JavaScript Framework 15 social mentions
Headless UI Landing Page
4

Headless UI

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Pricing:
- Open Source
Other examples of component libraries like this are Lion and HeadlessUI.

#Design Tools #UI Design #Components Library 40 social mentions
Bootstrap Landing Page
5

Bootstrap

Simple and flexible HTML, CSS, and JS for popular UI components and interactions
Pricing:
- Open Source
For me, Bootstrap is the first that comes to mind. Back in the day, if you wanted to give your site a quick lick of paint, you’d drop the CDN link to the bootstrap CSS file and immediately get that Bootstrap look. It was everywhere in the mid-2010s.

#Developer Tools #Design Tools #Web Frameworks 362 social mentions