Skip to content

Editor

The Editor lets you build pages with your own JSX components.

While basic interactions like drag-and-drop, resizing, and property editing are designed to be intuitive, here are a few other key features:

  • Dynamic viewport: Simulate different screen sizes and orientations, just like in Chrome DevTools.
  • Code editor: Switch to the Code tab to edit JSX directly. Changes are instantly reflected on the visual canvas.
  • Split view: Use Split mode to view the visual and code editors side-by-side. This lets you tweak code and see the results update in real time.