CSS Tools Directory

CSS Minifier & Formatter

CSS Minifier & Formatter is a powerful online tool that helps developers optimize their CSS code...

#devtools#inspector#extension

paid

CSS Scan

Hover over any element in Chrome to instantly copy its complete CSS.

#linting#code-quality#stylelint

Stylelint

The modern CSS linter — catches errors, enforces conventions, scales with teams.

#autoprefixer#vendor-prefixes#postcss

Autoprefixer

PostCSS plugin that adds vendor prefixes automatically using Can I Use data.

#build-tool#plugins#postcss

PostCSS

Transform CSS with JavaScript plugins — autoprefixer, nesting, variables.

#optimization#purge#build-tool

PurgeCSS

Remove unused CSS from your bundle for smaller, faster stylesheets.

#analysis#audit#specificity

CSS Stats

Analyse any website's stylesheet for complexity, specificity, and bloat.

#compatibility#browser-support#reference

Can I Use

Browser support tables for every CSS feature, updated weekly.

#reference#tutorials#almanac

CSS-Tricks

The definitive CSS reference, almanac, and tutorial hub for developers.

#reference#documentation#properties

CSS Reference

Visual, illustrated reference for every CSS property with live examples.

#tailwind#reference#cheatsheet

Tailwind CSS Cheat Sheet

Searchable, filterable reference for every Tailwind CSS utility class.

#animation#library#effects

Magic Animations

CSS animation library with dramatic, attention-grabbing entrance effects.

#loaders#animation#spinners

Whirl CSS

100+ pure CSS loading animations with a searchable, copyable library.

Hero Patterns

80+ SVG background patterns as CSS background-image, colour-customisable.

#background#patterns#svg

#background#patterns#gradient

CSS Background Patterns

Pure CSS repeating background patterns with color and scale controls.

#shadow#box-shadow#easing

Smooth Shadow

Generate multi-layer, eased box-shadows that look natural, not flat.

#shadow#box-shadow#elevation

CSS Shadow Palette Generator

Create layered, cohesive box-shadow systems with perceptual color science.

#border-radius#shapes#blobs

Fancy Border Radius

Generate organic blob shapes using CSS border-radius eight-value syntax.

CSS Filter Generator

Build CSS filter chains visually and preview on any image in real time.

#filter#image#effects

#easing#animation#reference

Easing Functions Cheat Sheet

Visual reference for every CSS easing function with live animation demos.

#easing#animation#timing-function

Cubic Bezier

Drag control handles to create and compare custom CSS easing curves.

#loaders#spinners#animation

CSS Loaders

600+ pure CSS loading spinners and animations, copy in one click.

#animation#keyframes#timeline

Keyframes.app

Visual CSS animation timeline editor with shadow, color, and easing tools.