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 Status Page
Verify Tailwind CSS Edit

Top 12 Open-Source Alternatives to Tailwind CSS

Tailwind CSS
Bootstrap Bulma React Materialize CSS Material UI DaisyUI Chakra UI Svelte Ant Design Foundation

Product categories

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

Summary

The top open-source alternatives to Tailwind CSS are Bootstrap, Bulma, and React. 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

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

  2. Bulma Landing Page
    Bulma Landing Page
    2

    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

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

  3. React Landing Page
    React Landing Page
    3

    React

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

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

  4. Materialize CSS Landing Page
    Materialize CSS Landing Page
    4

    Materialize CSS

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

    #CSS Framework #Design Tools #Developer Tools 25 social mentions

  5. Material UI Landing Page
    Material UI Landing Page
    5

    Material UI

    A CSS Framework and a Set of React Components that Implement Google's Material Design
    Pricing:
    • Open Source

    #Design Tools #Developer Tools #CSS Framework 75 social mentions

  6. DaisyUI Landing Page
    DaisyUI Landing Page
    6

    DaisyUI

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

    #Design Tools #User Experience #Developer Tools 138 social mentions

  7. Chakra UI Landing Page
    Chakra UI Landing Page
    7

    Chakra UI

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

    #Design Tools #Developer Tools #UI 197 social mentions

  8. Svelte Landing Page
    Svelte Landing Page
    8

    Svelte

    Cybernetically enhanced web apps
    Pricing:
    • Open Source

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

  9. Ant Design Landing Page
    Ant Design Landing Page
    9

    Ant Design

    An enterprise-class UI design language and React implementation with a set of high-quality React components, one of best React UI library for enterprises
    Pricing:
    • Open Source

    #Development Tools #Design Tools #UI 97 social mentions

  10. Foundation Landing Page
    Foundation Landing Page
    10

    Foundation

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

    #CSS Framework #Design Tools #Developer Tools 18 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

    #Design Tools #CSS Framework #Developer Tools 17 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

    #CSS Framework #Design Tools #Developer Tools 20 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
    Pranav
    · 3 months 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
      · 3 months ago
      · Reply

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

  2. User avatar
    currencyuk
    · about 1 year ago
    · Reply

    The not opinionated CSS bootstrap alternative.

    1. Stan Bright avatar
      Stan Bright
      · about 1 year 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...