CSS design resources

49 free copy-paste microinteractions for React, CSS and Tailwind — animated buttons, hover effects, tabs and inputs with no package to install.

Twenty-four monochrome circular loading animations built from hairlines clipped to a disc — standalone animated SVG spinners in pure CSS and SVG, no dependencies.

Sub-atomic styles: an open source set of expertly crafted CSS custom properties for consistent, adaptive design, installable from a CDN or NPM.

Kinetics is a library of 153 spring-driven micro-interactions — tune the physics, then copy the CSS, the React, or an AI prompt.

The utility-first CSS framework: composable classes like flex and pt-4 build any design directly in your markup, no context switching.