nowfound

Life & fun Β· alternatives Β· 2026

FD

24 alternatives to Figma design kit for Tailwind CSS

Figma design kit for Tailwind CSS is a design resource that provides Figma components aligned with the Tailwind CSS framework. Launched in 2021, it enables designers and developers to create interfaces using Tailwind's… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Figma design kit for Tailwind CSS launched in 2021; newer entries below may have overtaken it.

  1. 1
    FlowBite Figmaβ–²241

    Figma UI kit built for integration with Tailwind CSS

    2021 Β· flowbite.com Β· its alternatives β†’

  2. 2
    TailGridsβ–²404

    Tailwind CSS Component Library and UI Kit

    2022 Β· tailgrids.com Β· its alternatives β†’

  3. 3
    Coming Soon Kitβ–²360

    50+ coming soon pages built with Tailwind CSS

    2022 Β· its alternatives β†’

  4. 4
    Flex UI library for Figmaβ–²196

    700+ free Figma sections built for Tailwind CSS

    2022 Β· figma.com Β· its alternatives β†’

  5. 5
    Figma to Tailwind CSSβ–²150

    Convert Figma designs into Tailwind CSS code in 1 click

    2023 Β· figma-to-tailwind-css.com Β· its alternatives β†’

  6. 6
    Tailkitsβ–²392

    Tailwind component library with MCP support. Let AI build your landing pages using 200+ production-ready sections. Copy-paste, no config.

    2023 Β· tailkits.com Β· its alternatives β†’

  7. 7
    Tailframes Figmaβ–²12

    Free UI Kit and Design System for React & Talwind CSS

    2024 Β· figma.com Β· its alternatives β†’

  8. 8
    Foundationβ–²143

    Generate Figma variables based on Tailwind utility classes

    2024 Β· figma.com Β· its alternatives β†’

  9. 9
    Tailwind CSS v2.0β–²385

    Rapidly build modern websites without ever leaving your HTML

    2020 Β· tailwindcss.com Β· its alternatives β†’

  10. 10
    SaaS Blocks for Tailwindβ–²371

    Tailwind-based UI kit to make your next SaaS website

    2021 Β· saasblocks.app Β· its alternatives β†’

  11. 11
    Practical UI - Figma Design Systemβ–²554

    Figma design system and UI kit

    2024 Β· practical-ui.com Β· its alternatives β†’

  12. 12
    Figma Tailwind Tokensβ–²8

    Create Tailwind CSS with Figma in One Click

    2025 Β· figma.com Β· its alternatives β†’

  13. 13IV
    I've made a Figma plugin that converts design to HTML with TailwindCSSβ–²43

    2021 Β· figma.com Β· its alternatives β†’

  14. 14
    UX Toolkit for Figmaβ–²298

    Create beautiful user flow charts, sitemaps and wireframes

    2020 Β· antforfigma.com Β· its alternatives β†’

  15. 15
    Horizon UI Landing Kitβ–²158

    Landing library kit for Tailwind CSS, HTML & Figma

    2023 Β· horizon-ui.com Β· its alternatives β†’

  16. 16
    Tailwind CSS v1.0β–²279

    A utility-first CSS framework for building custom designs.

    2019 Β· tailwindcss.com Β· its alternatives β†’

  17. 17
    Tailwind CSSβ–²420

    A utility-first CSS framework for rapid UI development

    2017 Β· tailwindcss.com Β· its alternatives β†’

  18. 18
    Figma 3.0β–²462

    Styles, prototyping and design at scale

    2018 Β· figma.com Β· its alternatives β†’

  19. 19
    Figma 2.0β–²655

    Design and prototype in one always up to date tool

    2017 Β· figma.com Β· its alternatives β†’

  20. 20
    𝘊𝘰𝘭𝘰𝘳𝘴 𝘈𝘯π˜₯ 𝘍𝘰𝘯𝘡𝘴 2020β–²185

    Colors, fonts & resources for developers & digital designers

    2020 Β· colorsandfonts.com Β· its alternatives β†’

  21. 21
    Indie Design Kitβ–²528

    Ship astronomically well-designed products that convert

    2023 Β· its alternatives β†’

  22. 22
    Browser Kit for Figmaβ–²218

    One smart component to rule them all

    2021 Β· browserfigma.com Β· its alternatives β†’

  23. 23
    Material Tailwindβ–²118

    Components library for Tailwind CSS & Material Design

    2021 Β· material-tailwind.com Β· its alternatives β†’

  24. 24
    Material Tailwind Kit Reactβ–²151

    Free Tailwind CSS & React UI Kit

    2021 Β· creative-tim.com Β· its alternatives β†’

Also compare

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description β†’