Top 12 Open-Source Alternatives to UI Playbook

Product categories

Blogging Blogging Platform CMS Color Tools Design Tools Developer Tools Open Source Productivity SaaS UI Website Builder Website Design

Summary

The top open-source alternatives to UI Playbook are DaisyUI, Reactive Search, and Tailwind CSS. 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.

DaisyUI Landing Page
1

DaisyUI

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

Reactive Search

UI components for building Amazon / Yelp like Search
Pricing:
- Open Source
#Web App #Search API #Design Tools 3 social mentions
Tailwind CSS Landing Page
3

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
#Developer Tools #Design Tools #Website Design 868 social mentions
Radix Colors Landing Page
4

Radix Colors

A gorgeous, accessible, open-source color system
Pricing:
- Open Source
#Design Tools #Open Source #Developer Tools 1 social mentions
Atomize by Quarkly Landing Page
5

Atomize by Quarkly

Library for creating atomic react components
Pricing:
- Open Source
- Free
#Design Tools #Website Builder #Productivity
Disney Open Source Landing Page
6

Disney Open Source

Explore Disney's Open Source projects
Pricing:
- Open Source
#Open Source #Developer Tools #SaaS
System Color Picker Landing Page
7

System Color Picker

Pick colors from anywhere using the built-in color picker.
Pricing:
- Open Source
#Color Tools #Color Picker #Screenshot Annotation 2 social mentions
Next.js Landing Page
8

Next.js

A small framework for server-rendered universal JavaScript apps
Pricing:
- Open Source
#Developer Tools #Web Frameworks #JavaScript Framework 923 social mentions
Open Source @IFTTT Landing Page
9

Open Source @IFTTT

A collection of IFTTT OSS projects.
Pricing:
- Open Source
#Open Source #Developer Tools #Productivity
Framer Landing Page
10

Framer

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

Medium

Welcome to Medium, a place to read, write, and interact with the stories that matter most to you.
Pricing:
- Open Source
#Blogging #Blogging Platform #CMS 2200 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