Top 12 Open-Source Alternatives to Figma to Tailwind CSS

Product categories

Admin Template Bootstrap Themes CMS CSS Framework Components Library Design Tools Developer Tools Development Tools UI UI Design Vue JS Website Design

Summary

The top open-source alternatives to Figma to Tailwind CSS are Hope UI, CoreUI, and Naive UI. 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.

Hope UI Landing Page
1

Hope UI

Get access to the ultimate library of the Best Free Open Source Dashboard UI Kit and Template, Bootstrap5 admin dashboard templates, Figma UI kits - HOPE UI.
Pricing:
- Open Source
- Freemium
- Free Trial
- $79.0 / Annually (Hope UI Pro, Single License, Unlimited License, Extended License)
#Bootstrap Themes #Admin Template #Dashboard
CoreUI Landing Page
2

CoreUI

Time is our most valuable asset, that’s why we want to help you save it by creating simple, customizable, easy to learn UI components and Admin Templates which significantly cut development time.
Pricing:
- Open Source
#PHP MVC Framework #PHP Framework #Spreadsheets 3 social mentions
naiveui.com
3

Naive UI

A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast. Kinda Interesting
Pricing:
- Open Source
#Developer Tools #Design Tools #UI Design
Framer Landing Page
4

Framer

🔥 Design real websites right on the canvas.
Pricing:
- Open Source
#Design Tools #Website Design #Website Builder 18 social mentions
Ant Design Landing Page
5

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
PrimeVue Landing Page
6

PrimeVue

The ultimate collection of design-agnostic, flexible and accessible Vue UI Components.
Pricing:
- Open Source
#Developer Tools #Design Tools #UI Design 6 social mentions
TailGrids Landing Page
7

TailGrids

Handcrafted Library of Tailwind CSS UI Components, Blocks, Sections, UI Kit and Templates to Speed up Your Development Workflow.
Pricing:
- Open Source
#Design Tools #Open Source #Developer Tools 1 social mentions
Tailwind CSS Landing Page
8

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
#Developer Tools #Design Tools #Website Design 871 social mentions
DaisyUI Landing Page
9

DaisyUI

Free UI components plugin for Tailwind CSS
Pricing:
- Open Source
#Design Tools #User Experience #Developer Tools 137 social mentions
Material UI Landing Page
10

Material UI

A CSS Framework and a Set of React Components that Implement Google's Material Design
Pricing:
- Open Source
#Design Tools #Development Tools #CSS Framework 75 social mentions
Preline UI Landing Page
11

Preline UI

Open source Tailwind CSS UI components
Pricing:
- Open Source
#Design Tools #UI Design #Components Library 7 social mentions
Chakra UI Landing Page
12

Chakra UI

Simple, modular and accessible UI components for your React applications.
Pricing:
- Open Source
#Design Tools #Developer Tools #UI 197 social mentions