Styling Tools

37 tools available

๐Ÿ–Œ๏ธ 50.4k

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
๐ŸŒผ 36.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
๐Ÿงฉ 28.5k

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

Feather

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

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

Emotion

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

๐ŸŽจ Styling๐ŸŸก JavaScript๐Ÿ‘จโ€๐Ÿ’ป Development
๐Ÿš€ 17.6k

Unocss

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

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

Awesome TailwindCSS

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

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

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

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

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

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

Theme-ui

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

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

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

React-wrap-balancer

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

๐Ÿ‘จโ€๐Ÿ’ป Developmentโš›๏ธ React๐ŸŽจ Styling
๐Ÿงฉ 3.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
๐ŸŽจ 3.5k

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

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
๐ŸŒฌ๏ธ 1.8k

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
๐Ÿ’ง 1.6k

Fluid Tailwind

Fluid Tailwind enhances responsive web design by reducing the amount of code required, making it easier to build adaptive user interfaces.

๐Ÿ‘จโ€๐ŸŽจ Design๐ŸŽจ Styling๐ŸŒ Web
๐Ÿ”ค 1.5k

Font

The repository for Cal Sans, a custom-designed font by Cal.com.

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

React-native-magnus

A utility-first React Native UI framework designed to speed up development with pre-styled components.

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

Focus-rings

A system for displaying and stylizing focus indicators consistently across a webpage, enhancing web accessibility.

๐Ÿ‘ฅ Accessibility๐ŸŽจ Styling๐ŸŒ Web

Stay Updated!

Get notified about new tools and updates to existing ones.