Styling tools in this directory cover CSS-in-JS, Tailwind helpers, and UI polish. Emotion composes styles in JavaScript; Twin.macro combines Tailwind with Emotion, Styled-Components, and similar libraries at build time; Feather provides open-source icons. Awesome TailwindCSS collects plugins and resources, and TippyJS React wraps Tippy.js tooltips.
The most popular open-source Styling tool by GitHub stars is Material UI(98.1k stars), followed by Tailwind CSS(94.5k stars)and Prettier(51.8k stars). This page lists the top 30 of 42 styling tools in the directory, ranked by community adoption.
| # | Tool | Stars | Language | License |
|---|---|---|---|---|
| 1 | Material UI Material UI is a comprehensive React component library that implements Google's Material Design, providing developers with free, modern, and customizable UI elements for building responsive web applications. | 98.1k | JavaScript | MIT License |
| 2 | Tailwind CSS Tailwind CSS is a popular utility-first CSS framework that enables rapid and customizable user interface development through low-level utility classes. | 94.5k | TypeScript | MIT License |
| 3 | Prettier Prettier is an opinionated code formatter that enforces a consistent style by parsing your code and re-printing it with its own rules. | 51.8k | JavaScript | MIT License |
| 4 | Daisyui A popular, free, and open-source Tailwind CSS component library offering a wide range of components for rapid UI development. | 40.7k | Svelte | MIT License |
| 5 | Mantine A fully featured React components library with built-in accessibility and design features for building modern web applications. | 31.0k | TypeScript | MIT License |
| 6 | Feather Simply beautiful open-source icons for fast and scalable web design. | 25.9k | JavaScript | MIT License |
| 7 | Fluent UI Fluent UI is a comprehensive collection of customizable React and web components, utilities, and styling frameworks designed to help you build consistent, high-quality web applications aligned with Microsoft's Fluent Design System. | 19.9k | TypeScript | Other |
| 8 | Unocss The instant on-demand atomic CSS engine for ultra-fast development and styling. | 18.7k | TypeScript | MIT License |
| 9 | Emotion 👩🎤 CSS-in-JS library designed for high performance style composition, offering powerful and flexible style manipulation capabilities. | 18.0k | JavaScript | MIT License |
| 10 | Awesome TailwindCSS A curated list of awesome things related to Tailwind CSS, including plugins, tools, resources, and more. | 15.0k | — | Creative Commons Zero v1.0 Universal |
Material UI is a comprehensive React component library that implements Google's Material Design, providing developers with free, modern, and customizable UI elements for building responsive web applications.
Tailwind CSS is a popular utility-first CSS framework that enables rapid and customizable user interface development through low-level utility classes.
Prettier is an opinionated code formatter that enforces a consistent style by parsing your code and re-printing it with its own rules.
A popular, free, and open-source Tailwind CSS component library offering a wide range of components for rapid UI development.
A fully featured React components library with built-in accessibility and design features for building modern web applications.
Simply beautiful open-source icons for fast and scalable web design.
Fluent UI is a comprehensive collection of customizable React and web components, utilities, and styling frameworks designed to help you build consistent, high-quality web applications aligned with Microsoft's Fluent Design System.
The instant on-demand atomic CSS engine for ultra-fast development and styling.
👩🎤 CSS-in-JS library designed for high performance style composition, offering powerful and flexible style manipulation capabilities.
A curated list of awesome things related to Tailwind CSS, including plugins, tools, resources, and more.
Style React applications quickly and efficiently with 100% parity on React Native. It includes an optional UI kit and an optimizing compiler for enhanced performance.
A React Native UI Library based on the Eva Design System, offering rich UI components with Dark Mode support.
Our Newsletter
Get short emails with useful styling projects, releases, and repos worth watching.
Galaxy is the largest open-source UI library featuring a diverse collection of community-made, free-to-use UI components built with CSS or Tailwind CSS. Ideal for modern web development projects, it offers an extensive resource for developers and designers seeking ready-made interface elements.
Twin.macro blends the power of Tailwind CSS with the flexibility of CSS-in-JS libraries like Emotion, Styled-Components, Solid-Styled-Components, Stitches, and Goober, providing developers enhanced styling capabilities at build time.
React primitive UI components built with styled-system, providing a simple and flexible component library for building responsive, theme-based design systems.
A tool to automatically remove unused CSS, optimizing your stylesheet and improving load times.
Style props for rapid and flexible UI development, allowing design system constraints and responsive design.
A CSS-in-JS library offering near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.
Class Variance Authority (CVA) is a utility-first CSS-in-JS design system for consistent styling across your application.
Skeleton is an adaptive design system powered by Tailwind CSS, providing a comprehensive set of components and utilities for fast and flexible web development.
Motion Primitives is an open-source UI kit designed to help developers create beautiful, customizable, and animated interfaces more efficiently.
Build consistent, themeable React applications using constraint-based design principles for better design consistency and improved user experience.
Gluestack UI offers a collection of React and React Native components and patterns, designed for seamless integration with Tailwind CSS via NativeWind.
A utility to integrate Tailwind CSS styling into React Native projects, enabling a consistent styling system across platforms.
A simple React component that optimizes text wrapping for better readability, specifically enhancing the appearance of titles.
An implementation of GitHub's Primer Design System using React, providing a cohesive and customizable component library for building user interfaces.
A type-enforced system for building UI components in React Native with TypeScript, providing consistency and scalability.
🍷 Dripsy offers responsive, unstyled UI primitives designed for React Native and Web, making it easy to create consistent and adaptive designs across platforms.
An ESLint plugin to enhance Tailwind CSS usage by ensuring proper structure and conventions are followed.
An official React wrapper for Tippy.js, a popular JavaScript tooltip library.
Material UI leads by GitHub stars(98.1k). Material UI is a comprehensive React component library that implements Google's Material Design, providing developers with free, modern, and customizable UI elements for building responsive web applications.
Yes. Every tool on this list is open source and free to use in your own projects. Many can be self-hosted.
Tools are ranked by GitHub star count, a strong proxy for community adoption and active maintenance. Star counts are refreshed regularly.
Get notified about new tools and updates to existing ones.