Docs / Editor Basics
Transform & Mask
Rotate, scale, skew, and move any element — or clip it into a shape.
Every widget's Style tab has a Transform section with independent Rotate, Scale X/Y, Skew X/Y, and Move X/Y (translate) controls, plus one-click Flip Horizontal and Flip Vertical buttons. Each field is optional — leave one untouched and it's simply left out of the generated CSS rather than defaulting to a neutral value that still overrides an inherited style.
Transform supports the same Normal/Hover switch as Background, Text Color, Border, and Box Shadow — see "Styling hover states" — so a card can scale up slightly or a button can rotate on hover with no custom CSS.
Mask
The Mask section clips a widget's content into a preset shape — Circle, Ellipse, Triangle, Diamond, Pentagon, Hexagon, Star, Blob (three variants), Sketch, Flower, Parallelogram (left/right), and Trapezoid. Pick a shape and it scales to fit the element's actual size automatically, whether that's a small icon or a full-width image.
Mask works on any widget, not just images — clip a heading, a container, or an icon box into the same shape library.