FindSoftware

CSS frameworks and tools

Combine filters →

A CSS framework supplies a starting point for styling: layout helpers, utility classes, prebuilt component styles or design tokens as custom properties. Some need a build step that scans templates for the classes in use, others are a stylesheet linked from the page. A record carries this category when it ships CSS meant to be used across a whole site. Component sets built on top get their own record under UI libraries. Tailwind CSS and Bulma are examples.

22 projects are css frameworks and tools, listed alphabetically. All written in JavaScript / TypeScript, most of them open source. Counts only projects with momentum; the full list has the rest.

B

  • Bootstrap

    HTML, CSS and JavaScript toolkit for developing responsive, mobile-first projects on the web.

C

  • Compiled

    Compile-time CSS-in-JS library for React that writes its styles out as atomic CSS.

  • cva

    A TypeScript library for building type-safe, variant-driven class names with Tailwind CSS or any other styling approach.

D

  • daisyUI

    Component library for Tailwind CSS that adds named component classes and themes.

E

  • Emotion

    CSS-in-JS library for writing styles with JavaScript, with packages for React and for other frameworks.

G

  • goober

    CSS-in-JS library whose styled API is inspired by emotion.

  • Griffel

    CSS-in-JS library that defines styles as JavaScript objects and can compile them ahead of time.

L

  • Less

    Backwards-compatible language extension for CSS that compiles Less stylesheets to plain CSS with Node.js or in the browser.

  • Linaria

    Zero-runtime CSS-in-JS library that extracts styles written in JavaScript into CSS files at build time.

M

  • Master CSS

    Virtual CSS language with enhanced syntax that generates styles from class names written in HTML and JavaScript.

P

  • Panda CSS

    Styling engine that generates atomic CSS at build time from type-safe TypeScript style definitions.

  • PostCSS

    Tool for transforming CSS with JavaScript plugins.

S

  • styled-components

    Styling library for React that writes component styles as CSS in tagged template literals.

  • styled-jsx

    Babel plugin and runtime that transpile CSS written in style tags inside JSX components into class names scoped to that component.

  • StyleX

    JavaScript styling library whose build-time compiler turns style definitions into atomic CSS class names.

T

  • Tailwind CSS

    Utility-first CSS framework that generates styles from class names used in HTML and other templates.

  • Tailwind Variants

    First-class variant API for Tailwind CSS that defines typed component recipes with variants, slots and compound styles.

  • tailwind-merge

    Utility function that merges Tailwind CSS classes in JavaScript so that conflicting classes resolve without style conflicts.

  • Tamagui

    Universal styling and UI component library for React and React Native, with an optimizing compiler for web and native.

  • Twind

    Compiler that turns Tailwind-style utility classes into CSS at runtime in the browser or in JavaScript environments, without a build step.

U

  • U.S. Web Design System

    Public domain library of user interface components, CSS, JavaScript and a visual style guide designed for U.S. federal government websites.

V

  • vanilla-extract

    Build-time CSS tool that lets styles be written in TypeScript, with locally scoped class names and CSS variables.

What is the best CSS frameworks and tool?

No idea. We list software, we don't rate it. Open the records that look close and compare them side by side.