Styles, states, and breakpoints

Every element carries its own styles, organized in layers:

• Base — the default look.
• States — overrides for hover, focus, and custom states you define.
• Breakpoints — overrides that apply below or above a viewport width. Design desktop-first or mobile-first; the editor shows exactly which layer you are editing.

What you see on the canvas is what publishes — the editor preview and the published site are rendered from the same styling rules.

Shared styles

Save an element’s look as a shared style and apply it elsewhere; updating the shared style updates every element that uses it.

Animations and interactions

Elements can animate on scroll or load, and respond to clicks and other triggers — show/hide, switch states, scroll to a section, open links. Pages publish without any heavy runtime: only the little script your interactions actually need is shipped, nothing else.