All tools · page 265
6,901 free tools across 25 categories. Tools marked with a lightning bolt are ready to use right now.
Set dim and blur levels to get dialog ::backdrop CSS with click-through caveats.
Set tile sizes to get bento-style asymmetric grid CSS with responsive reflow rules.
Set a breakpoint to get CSS that reflows data tables into stacked cards using data labels.
Set line and dot styles to get vertical timeline CSS with alternating card sides.
Pick anchor and tooltip pairs to get anchor-name and position-area CSS for popover anchoring.
Set link group count to get auto-fit footer columns CSS that collapses gracefully on mobile.
Paste section list to get content-visibility auto CSS with contain-intrinsic-size values.
Pick a checked-card scenario to get :has() parent styling CSS with fallback guidance.
Paste nested preprocessor CSS to get native CSS nesting syntax that browsers parse directly.
Paste CSS to get every undefined var() reference listed with suggested defaults.
Paste HTML plus CSS to get selectors that match nothing, sorted by file order.
Paste selectors to get specificity scores ranked with tie-breaking explanations.
Paste CSS to get duplicate media queries merged and sorted into a tidy breakpoint order.
List UI layers to get a z-index variable scale with stacking context guidance.
Set overlap depth to get negative-margin and clip-path section overlap CSS safely.
Pick adjustments to get orientation media query CSS that reflows landscape and portrait layouts.
Paste hover styles to get hover:hover and pointer:fine guarded CSS that stops sticky touch hovers.
Set edge size to get mask-image fade CSS that hints at more scrollable content in rows.
Pick a UX priority to get the right font-display value with swap period explanation.
Pick weight or width axes to get font-variation-settings hover animation CSS.
Set card states to get :checked plus :has() radio card CSS with keyboard focus rings.
Set arrow style to get appearance-none select CSS with an SVG background chevron.
Set chip colors and gaps to get tag row CSS with remove buttons that keep layout stable.
Pick a repeating cycle like every third item to get :nth-child formulas with explanations.