Drag & Drop Editor

Editor Anatomy

Our editor is built on GrapesJS, giving you full control over the HTML and CSS without needing to write a single line of code.

Key Panels

• Property Panel (Right): Adjust styles like margins, colors, fonts, and decorations.
• Blocks Panel (Left): Drag and drop pre-made components like sections, buttons, and forms.
• Layer Manager: See the structure of your page and navigate complex layouts easily.
• Device Switcher (Top): Toggle between Desktop, Tablet, and Mobile views.

State Management

The editor automatically saves drafts as you work. You can use Undo (Cmd+Z) and Redo (Cmd+Shift+Z) to safely experiment with your design.