Software Alternatives, Accelerators & Startups
Register | Login

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.

As Tailwind CSS is an open source project, you can find more open source alternatives and stats on LibHunt.
Pricing:
  • Open Source
Visit website Alternatives Status Page
Verify Tailwind CSS

Top 12 Open-Source Alternatives to Tailwind CSS

Tailwind CSS
Bootstrap React Bulma DaisyUI Svelte Vite Foundation Chakra UI Materialize CSS styled-components

Product categories

Developer Tools Design Tools Development Tools CSS Framework JS Library JavaScript Framework Javascript UI Libraries Web Frameworks CMS JavaScript JavaScript Tools Programming

Summary

The top open-source alternatives to Tailwind CSS are Bootstrap, React, and Bulma. One of the criteria for ordering this list is the number of mentions that products have on reliable external sources. You can suggest additional sources through the form here.
  1. Bootstrap Landing Page
    Bootstrap Landing Page
    1

    Bootstrap

    Simple and flexible HTML, CSS, and JS for popular UI components and interactions
    Pricing:
    • Open Source

    #CSS Framework #Web Frameworks #Developer Tools 370 social mentions

  2. React Landing Page
    React Landing Page
    2

    React

    A JavaScript library for building user interfaces
    Pricing:
    • Open Source

    #Web Development Tools #Javascript UI Libraries #JS Library 818 social mentions

  3. Bulma Landing Page
    Bulma Landing Page
    3

    Bulma

    Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.
    Pricing:
    • Open Source

    #Development Tools #CSS Framework #Developer Tools 118 social mentions

  4. DaisyUI Landing Page
    DaisyUI Landing Page
    4

    DaisyUI

    Free UI components plugin for Tailwind CSS
    Pricing:
    • Open Source

    #CMS #Developer Tools #User Experience 165 social mentions

  5. Svelte Landing Page
    Svelte Landing Page
    5

    Svelte

    Cybernetically enhanced web apps
    Pricing:
    • Open Source

    #Javascript UI Libraries #JS Library #JavaScript Framework 399 social mentions

  6. Vite Landing Page
    Vite Landing Page
    6

    Vite

    Next Generation Frontend Tooling
    Pricing:
    • Open Source

    #Software Development #Web Frameworks #JavaScript 486 social mentions

  7. Foundation Landing Page
    Foundation Landing Page
    7

    Foundation

    The most advanced responsive front-end framework in the world
    Pricing:
    • Open Source

    #Development Tools #CSS Framework #Developer Tools 22 social mentions

  8. Chakra UI Landing Page
    Chakra UI Landing Page
    8

    Chakra UI

    Simple, modular and accessible UI components for your React applications.
    Pricing:
    • Open Source

    #Development Tools #UI #Developer Tools 201 social mentions

  9. Materialize CSS Landing Page
    Materialize CSS Landing Page
    9

    Materialize CSS

    A modern responsive front-end framework based on Material Design
    Pricing:
    • Open Source

    #Development Tools #CSS Framework #Developer Tools 28 social mentions

  10. styled-components Landing Page
    styled-components Landing Page
    10

    styled-components

    styled-components is a visual primitive for the component age that also helps the user to use the ES6 and CSS to style apps.
    Pricing:
    • Open Source

    #Development Tools #React #Developer Tools 174 social mentions

  11. Semantic UI Landing Page
    Semantic UI Landing Page
    11

    Semantic UI

    A UI Component library implemented using a set of specifications designed around natural language
    Pricing:
    • Open Source

    #Development Tools #CSS Framework #Developer Tools 21 social mentions

  12. UIKit Landing Page
    UIKit Landing Page
    12

    UIKit

    A lightweight and modular front-end framework for developing fast and powerful web interfaces
    Pricing:
    • Open Source

    #Development Tools #CSS Framework #Developer Tools 22 social mentions

Suggest an alternative
If you think we've missed something, please suggest an alternative to Tailwind CSS.
Please use the Feedback button if you think any of the listed products shouldn't be regarded as open-source.

Tailwind CSS discussion

Log in or Post with
  1. User avatar
    Lanxk.com
    · about 1 year ago
    · Reply

    Pioneered a new way of using CSS.

  2. User avatar
    Pranav
    · over 2 years ago
    · Reply

    I personally love using this. It's my go-to way of writing css for all our projects

    1. Stan Bright avatar
      Stan Bright
      · over 2 years ago
      · Reply

      Yup, it seems like Tailwind is sort of a standard nowadays.

  3. User avatar
    currencyuk
    · over 3 years ago
    · Reply

    The not opinionated CSS bootstrap alternative.

    1. Stan Bright avatar
      Stan Bright
      · over 3 years ago
      · Reply

      To be honest, it's even more than that. To me, it's been life-changing. It both empowers and gives freedom. I'm saying this as person who was reluctant to try it out for more than two years.

      My CSS path so far: Bootstrap => Bulma => Tailwind.

Loading...