Website Editor
TopBar Configuration
Layout Preview
L
General Settings
Fixed Position
Show Search
Style Customization
Elements
Logo
Navigation
User Menu
Elements Panel
Basic Elements
Advanced Components
Properties Panel
Element Properties
Typography
Spacing
Colors
Preview Area
Viewport:
http://localhost:3000/preview
Drag and drop elements here
or select from the Elements Panel
Auto-save enabled
Code Editor
<div
class="container mx-auto px-4">
<h1
class="text-4xl font-bold mb-4">
Welcome to the Editor
</h1>
<p
class="text-lg text-gray-600">
Edit your website in real-time
</p>
</div>
Console
✓ Syntax valid
No errors found
Problems
No problems found
Line: 12
Column: 24
UTF-8
Asset Manager
hero-image.jpg
2.4 MB
promo-video.mp4
15.8 MB
docs.pdf
1.2 MB
3 assets selected
Storage used: 48.5 MB of 1 GB
History Panel
Modified header text
2 minutes ago
- Welcome to our website
+ Welcome to our new website
+ Welcome to our new website
Added new hero image
15 minutes ago
Added new section
1 hour ago
Deleted contact form
2 hours ago
Showing last 24 hours of changes
Page 1 of 3
Settings
General Settings
Editor Preferences
Auto Save
Automatically save changes while editing
Dark Mode
Use dark theme in editor interface
Collaboration
Allow Team Access
Enable team members to edit the website
Backup & Export
Auto Backup
Create automatic backups every 24 hours