Loading content...
Score selectors as ID, class, and element components. Add multiple selectors to compare them side by side.
Higher values win from left to right.
#app .card1,1,0A-B-C.card.card--featured0,2,0article0,0,1Discover more utility-driven tools designed to enhance your workflow and technical excellence.
Generate a complete Tailwind CSS shade scale (50–950) from any base color. Live preview, copy the config, or export as CSS variables.
Build linear and radial gradients with unlimited color stops, adjustable angles, and a live preview. Copy production-ready CSS instantly.
Create layered box shadows visually — offset, blur, spread, color, inset — with curated presets and copy-ready CSS output.