Show HN: Flowbite – Tailwind CSS Components Library [MIT License]

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

Our great sponsors
  • OPS - Build and Run Open Source Unikernels
  • Scout APM - Less time debugging, more time building
  • SonarQube - Static code analysis for 29 languages.
  • valinor.earth

    Striving to fulfill the lives of farmers.

    Use Tailwind as a utility class and create CSS classes looking at the overall design and standardizing components.

    Point No. 1 is more straightforward than 2 in the short term, but Point No. 2 would be the ideal approach and more easily maintainable.

    Here are few examples from our website that uses Tailwind. Please be lenient; it is not a public consumable template/markup.

    The general UI is driven by design token at the Tailwind configuration level -- https://github.com/valinorearth/valinor.earth/blob/master/ta...

    Color Scheme follow a similar pattern https://github.com/valinorearth/valinor.earth/blob/master/ta...

    Then, we write CSS but using Tailwind as a utility - https://github.com/valinorearth/valinor.earth/tree/master/sr...

    For instance, for a button, instead of apply everything in each and every ``, we create a `.button` class and create the button component of our choice https://github.com/valinorearth/valinor.earth/blob/master/sr...

    I hope this is useful to few who wants to use Tailwind in either of the two ways.

  • Bourbon

    A Lightweight Sass Tool Set

    Tailwind is written in SASS and is not like SASS. I would equate Tailwind to an earlier utility framework like Bourbone[1].

    Tailwind can be used to build/write "StyledComponents". And one can write in the style/methodology/philosophy of BEM.

    All the the above terms are all of different categories.

    1. https://www.bourbon.io

  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  • UI kit

    A lightweight and modular front-end framework for developing fast and powerful web interfaces

    Not sure if it matches your criteria of a mature component framework, but there's Foundation and UIkit. I've used both but all of my new projects use Tailwind. It matches my needs better because I use minimal JavaScript. It also doesn't get in my way and the documentation is refreshingly clear.

    https://get.foundation/

    https://getuikit.com/

    > And why aren't there more?

    It seems to me these tightly coupled CSS + JS component frameworks are in an awkward position these days. React/Vue allows you more flexibility. If a project is really simple you can use vanilla JavaScript or something like Alpine.js.

    Perhaps the demand isn't there anymore.

  • Foundation

    The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.

    Not sure if it matches your criteria of a mature component framework, but there's Foundation and UIkit. I've used both but all of my new projects use Tailwind. It matches my needs better because I use minimal JavaScript. It also doesn't get in my way and the documentation is refreshingly clear.

    https://get.foundation/

    https://getuikit.com/

    > And why aren't there more?

    It seems to me these tightly coupled CSS + JS component frameworks are in an awkward position these days. React/Vue allows you more flexibility. If a project is really simple you can use vanilla JavaScript or something like Alpine.js.

    Perhaps the demand isn't there anymore.

  • office-ui-fabric-react

    Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

  • shoelace-css

    A collection of professionally designed, every day UI components built on a framework-agnostic technology. 🥾

    Not a framework, but a web component library I maintain: https://shoelace.style

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