Styling Tools

43 tools available

๐ŸŽจ 97.5k

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
๐ŸŽจ 91.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.3k

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
๐ŸŒผ 39.6k

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
๐Ÿงฉ 30.2k

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.7k

Feather

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

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

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.4k

Unocss

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

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

Emotion

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

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

Awesome TailwindCSS

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

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

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.6k

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
โœจ 8.6k

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.7k

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.8k

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.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.2k

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
๐Ÿงฉ 4.7k

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.0k

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.