⥠Live Class Preview on Hover
Hover over class alternatives (e.g., flex-col) to preview layout changes instantly â no reloads.
Ship beautiful UIs in minutes
Get StartedHover over class alternatives (e.g., flex-col) to preview layout changes instantly â no reloads.
Lock popups with Space and inspect multiple components side-by-side.
Enable/disable any class visually to test layout and behavior.
See real-time overlays for margin, padding, height, and position.
Easily go back and forth through your changes with shortcuts.
Effortlessly traverse deeply nested elements using intuitive keyboard shortcuts (up and down arrows).
Copy all applied classes from any element with a single click.