Top Panels
โ
Toolbar
Collapse
Left โ Right
โถ
Toolbar
Expand
Left โ Right
Project
๐พ
Project
Save / Name
Store
๐
Project
Projects
Open
๐ฅ
Import
Load HTML
Single file
๐งฉ
Import
HTML/CSS or WP
Theme folder
Preview
๐๏ธ
View
Preview
In app
๐
View
Browser
New tab
๐งญ
View
Outline
Guides
โถ
View
Fullscreen
Canvas
Panels
๐งฑ
Panel
Blocks
Drag in
๐จ
Panel
Styles
Design
โ๏ธ
Panel
Logic
Blockly
๐งญ
Panel
Navbar
Menus
๐ผ๏ธ
Panel
Assets
Media
History
โถ
Edit
Undo
Back
โท
Edit
Redo
Forward
๐งน
Edit
Clear Page
Reset
Device
๐ฅ๏ธ
Device
Desktop
Wide
โฃ
Device
Tablet
Medium
๐ฑ
Device
Mobile
Small
Export
๐ฆ
Export
Export ZIP
Static
๐งฐ
Export
WP Theme
WordPress
๐
Publish
Publish
Server
Thumbnail
๐ผ๏ธ
Theme
Show Thumbnail
Preview image
Canvas
Logic / Blockly
No logic target selected
Autosaves while editing
Save Now
Show Code
Refresh JS
Copy JS
Clear Blocks
B
Ready.
Not saved yet.
HTML
CSS
JS
Search
Inspect
Apply
Prev
Next
0 matches
Search
Replace
Problems
No code issues
View Diff
Refresh Code
Code Fullscreen
Live Sync
A-
A+
Revert Code
Apply HTML
Apply CSS
Apply JS
Apply to Canvas
No code issues detected.
Result
Close
Copy
Select All
Load Full HTML Page
Close
Apply HTML
Choose HTML File
Choose Site Folder
Import From Website URL
Creates a similar original GrapesJS template. Linked CSS is scanned for style hints, and remote images are replaced with placeholders.
Inspired template
Website URL
Generate From URL
Use image placeholders
Use extracted headings and short text
Preview
Use as Theme Thumbnail
Close
Project Manager
Close
Save Named Project
Export Project JSON
Import Project JSON
Newest first
Oldest first
Name A to Z
Name Z to A
Theme Thumbnail
Close
No thumbnail set yet.
Clear Thumbnail
Blockly Logic Builder
Close
Save Now
Refresh JS
Copy JS
Clear Workspace
No target selected