Examples & Sandbox

Interactive demonstrations of the visual builder engine embedded as a native Next.js Client Component.

Live Default Canvas

Open in new tab ?

Initializing Canvas Engine...

Key Features to Try:

  • Right-click on the grid space to spawn new structural instances.
  • Press the settings gear to mutate visually configured rules like Grid Snap, Themes, and Color Schemes matching custom elements.
  • Double-click the tab Default Schema to natively rename the tab pill directly inline.