All tools · page 85

Generate supported transition and animation utility combinations.

Preview duration, easing, and property transition settings.

Identify duplicate utilities, unused styles, and opportunities to simplify markup.

Identify malformed selectors, declarations, and missing braces.

Find selectors that do not match elements in supplied HTML.

Identify properties inherited by child elements.

Convert supported longhand declarations into shorthand properties.

Expand supported shorthand declarations into individual properties.

Search CSS properties and review their purpose and syntax.

Review compatibility information for a CSS property or feature.

Explore media, supports, container, and other CSS at-rules.

Compare reset and normalization approaches.

Generate a reusable base stylesheet for new projects.

Organize stylesheets into logical layers and component files.

Build block, element, and modifier class names.

Plan locally scoped class names for component styles.

Generate namespaced class prefixes to reduce style collisions.

Visualize stylesheet imports and their dependencies.

Generate `@layer` structures for organizing style precedence.

Generate feature-detection queries using `@supports`.

Generate styles that respect reduced-motion preferences.

Build light and dark theme styles using media or class-based switching.

Create styles for improved visibility in high-contrast environments.

Generate fluid font sizes with `clamp()`.