Precision Control
Visual Editing
Achieve pixel-perfection without hunting through code. Our visual interface maps directly to Tailwind CSS utility classes, giving you industry-standard power with a drag-and-drop feel.
The Property Panel
🔠
Property Group
Typography
SizeWeightAlignFamily
🎨
Property Group
Backgrounds
ColorsGradientsOpacityBlur
📐
Property Group
Layout
FlexGapAlignPadding
🔳
Property Group
Borders
WidthStyleRadiusColor
✨
Property Group
Effects
ShadowsTransitionsFilters
🛠️
Property Group
Advanced
Class ListIDCustom CSS
Selection Hierarchy
UIs are built in layers. Sometimes clicking on a button selects the text span inside instead of the button container.
1
Use **Escape** to select the parent element of whatever is currently active.
2
Watch the **Breadcrumbs** at the bottom to jump between Sections, Wrappers, and Items.
// Selected Element Identity
Section > Container > FeatureGrid > Card
Classes: flex flex-col gap-4 p-8 rounded-3xl bg-white/10 backdrop-blur-xl border border-white/10