Styling Tools

42 tools available

๐ŸŽจ 98.1k

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.

๐Ÿงฉ Component Librariesโš›๏ธ React๐ŸŽจ Styling๐ŸŒ Web
๐ŸŽจ 94.5k

Tailwind CSS

Tailwind CSS is a popular utility-first CSS framework that enables rapid and customizable user interface development through low-level utility classes.

๐ŸŽจ Styling๐Ÿงฐ Framework๐ŸŒ Web
๐Ÿ–Œ๏ธ 51.8k

Prettier

Prettier is an opinionated code formatter that enforces a consistent style by parsing your code and re-printing it with its own rules.

๐Ÿ‘จโ€๐Ÿ’ป Developmentโœจ Code Quality๐ŸŽจ Styling
๐ŸŒผ 40.7k

Daisyui

A popular, free, and open-source Tailwind CSS component library offering a wide range of components for rapid UI development.

๐Ÿ‘จโ€๐Ÿ’ป Development๐Ÿงฐ Framework๐ŸŽจ Styling๐Ÿงฉ Component Libraries
๐Ÿงฉ 31.0k

Mantine

A fully featured React components library with built-in accessibility and design features for building modern web applications.

๐Ÿงฉ Component Librariesโš›๏ธ React๐Ÿ‘ฅ Accessibility๐ŸŽจ Styling
๐ŸŽจ 25.9k

Feather

Simply beautiful open-source icons for fast and scalable web design.

๐Ÿ‘จโ€๐ŸŽจ Design๐Ÿ‘จโ€๐Ÿ’ป Development๐ŸŽจ Styling
๐ŸŽจ 19.9k

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.

๐Ÿงฉ Component Libraries๐ŸŒ Webโš›๏ธ React๐ŸŽจ Styling
๐Ÿš€ 18.7k

Unocss

The instant on-demand atomic CSS engine for ultra-fast development and styling.

๐Ÿ‘จโ€๐Ÿ’ป Development๐ŸŽจ Styling๐ŸŽ๏ธ Performance๐Ÿ› ๏ธ Tools
๐ŸŽจ 18.0k

Emotion

๐Ÿ‘ฉโ€๐ŸŽค CSS-in-JS library designed for high performance style composition, offering powerful and flexible style manipulation capabilities.

๐ŸŽจ Styling๐ŸŸก JavaScript๐Ÿ‘จโ€๐Ÿ’ป Development
๐Ÿ˜Ž 15.0k

Awesome TailwindCSS

A curated list of awesome things related to Tailwind CSS, including plugins, tools, resources, and more.

๐Ÿ•ถ๏ธ Awesome๐ŸŽจ Styling๐Ÿงฉ Component Libraries
๐ŸŽจ 13.9k

Tamagui

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.

๐Ÿ‘จโ€๐Ÿ’ป Development๐ŸŽจ Stylingโš›๏ธ React๐Ÿงฐ Framework
๐Ÿฑ 10.7k

React Native UI Kitten

A React Native UI Library based on the Eva Design System, offering rich UI components with Dark Mode support.

๐Ÿงฉ Component Libraries๐Ÿ“ฑ Mobile๐Ÿ‘จโ€๐ŸŽจ Design๐ŸŽจ Styling

Our Newsletter

Get new Styling tools right in your inbox

Get short emails with useful styling projects, releases, and repos worth watching.

โœจ 10.4k

Galaxy

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.

๐Ÿงฉ Component Libraries๐Ÿ‘จโ€๐ŸŽจ Design๐ŸŽจ Styling๐ŸŒ Web
๐Ÿฆนโ€โ™‚๏ธ 8.0k

Twin.macro

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.

๐Ÿ‘จโ€๐Ÿ’ป Development๐ŸŽจ Styling๐ŸŸก JavaScript๐Ÿ› ๏ธ Tools
๐ŸŽจ 7.9k

Rebass

React primitive UI components built with styled-system, providing a simple and flexible component library for building responsive, theme-based design systems.

๐Ÿงฉ Component Librariesโš›๏ธ React๐ŸŽจ Styling๐Ÿ‘จโ€๐ŸŽจ Design
๐Ÿงน 7.9k

PurgeCSS

A tool to automatically remove unused CSS, optimizing your stylesheet and improving load times.

๐Ÿ‘จโ€๐Ÿ’ป Development๐ŸŽจ Styling๐ŸŽ๏ธ Performance๐Ÿ› ๏ธ Tools
๐ŸŽจ 7.9k

Styled-system

Style props for rapid and flexible UI development, allowing design system constraints and responsive design.

๐ŸŽจ Styling๐Ÿงฉ Component Libraries๐Ÿ‘จโ€๐Ÿ’ป Development
๐ŸŽจ 7.8k

Stitches

A CSS-in-JS library offering near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.

๐ŸŽจ Styling๐Ÿ‘จโ€๐Ÿ’ป Developmentโš›๏ธ React๐Ÿงฐ Framework
๐ŸŽจ 6.8k

Cva

Class Variance Authority (CVA) is a utility-first CSS-in-JS design system for consistent styling across your application.

๐Ÿ‘จโ€๐Ÿ’ป Development๐Ÿ‘จโ€๐ŸŽจ Design๐ŸŽจ Styling๐Ÿ› ๏ธ Tools
๐Ÿ’€ 5.9k

Skeleton

Skeleton is an adaptive design system powered by Tailwind CSS, providing a comprehensive set of components and utilities for fast and flexible web development.

๐Ÿ‘จโ€๐ŸŽจ Design๐Ÿ‘จโ€๐Ÿ’ป Development๐ŸŽจ Styling๐Ÿงฉ Component Libraries
๐ŸŽจ 5.5k

Motion-primitives

Motion Primitives is an open-source UI kit designed to help developers create beautiful, customizable, and animated interfaces more efficiently.

๐Ÿƒโ€โ™‚๏ธ Animation๐Ÿ‘จโ€๐ŸŽจ Design๐Ÿ‘จโ€๐Ÿ’ป Development๐ŸŽจ Styling
๐ŸŽจ 5.4k

Theme-ui

Build consistent, themeable React applications using constraint-based design principles for better design consistency and improved user experience.

๐Ÿ‘จโ€๐Ÿ’ป Development๐Ÿ‘จโ€๐ŸŽจ Designโš›๏ธ React๐ŸŽจ Styling
๐Ÿงฉ 5.0k

Gluestack UI

Gluestack UI offers a collection of React and React Native components and patterns, designed for seamless integration with Tailwind CSS via NativeWind.

๐Ÿงฉ Component Libraries๐ŸŽจ Stylingโš›๏ธ Reactโš›๏ธ React Native
๐ŸฆŽ 4.3k

Tailwind-rn

A utility to integrate Tailwind CSS styling into React Native projects, enabling a consistent styling system across platforms.

๐ŸŽจ Stylingโš›๏ธ React Native
๐Ÿ”  4.2k

React-wrap-balancer

A simple React component that optimizes text wrapping for better readability, specifically enhancing the appearance of titles.

๐Ÿ‘จโ€๐Ÿ’ป Developmentโš›๏ธ React๐ŸŽจ Styling
๐ŸŽจ 3.8k

Primer React

An implementation of GitHub's Primer Design System using React, providing a cohesive and customizable component library for building user interfaces.

๐Ÿ‘จโ€๐ŸŽจ Design๐Ÿงฉ Component Librariesโš›๏ธ React๐ŸŽจ Styling
๐ŸŽจ 3.1k

Restyle

A type-enforced system for building UI components in React Native with TypeScript, providing consistency and scalability.

๐Ÿ‘จโ€๐Ÿ’ป Developmentโš›๏ธ React Native๐ŸŽจ Styling๐Ÿ”ท TypeScript
๐ŸŒ 2.2k

Dripsy

๐Ÿท Dripsy offers responsive, unstyled UI primitives designed for React Native and Web, making it easy to create consistent and adaptive designs across platforms.

๐Ÿ‘จโ€๐ŸŽจ Designโš›๏ธ React๐ŸŽจ Styling๐ŸŒ Web
๐ŸŒฌ๏ธ 2.1k

ESLint Plugin TailwindCSS

An ESLint plugin to enhance Tailwind CSS usage by ensuring proper structure and conventions are followed.

๐Ÿ‘จโ€๐Ÿ’ป Development๐ŸŽจ Stylingโœจ Code Quality
๐ŸŽˆ 1.8k

TippyJS React

An official React wrapper for Tippy.js, a popular JavaScript tooltip library.

๐Ÿงฉ Component Librariesโš›๏ธ React๐ŸŽจ Styling๐ŸŒ Web

Stay Updated!

Get notified about new tools and updates to existing ones.