Canvas editor with AI generation and one-click deploy.
Get Started
Templates
Element
X 120
Y 64
W 420
Style
Size 36px
#ffffff
AI Advisor
Try adding a stat row below your hero.
What you get
Professional tools, zero complexity.
80+ Canvas Elements
Headings, shapes, buttons, cards, navbars, gradients, glassmorphism — click to place, drag to position.
AI Generation
Describe what you want. The AI Advisor suggests layouts, writes copy, and generates entire sections.
Custom Shape Builder
Draw freeform Bézier paths, pick from shape presets, and drop custom SVG shapes directly onto the canvas.
Drag & Resize
Every element is fully movable with 8-direction resize handles, snap-to-guide alignment, and layer control.
HTML Export
Export pixel-perfect HTML in one click. Import existing HTML files and continue editing inside Aethera.
Deploy to Netlify
Connect your Netlify account and publish your design live with one click. Available on Aethera Pro.
Aethera × Netlify
The design process
1
Design on the canvas
Compose your page with 80+ drag-and-drop elements, custom shapes, and AI-generated sections.
In the editor
2
Connect Netlify
Link your Netlify account once with a single OAuth click — no config files, no tokens to paste.
One-time setup
3
Hit Deploy
Aethera builds your HTML, optimizes assets, and pushes everything to a global CDN automatically.
Building & optimizing
4
Your site is live
Published and shareable in under ten seconds, with automatic HTTPS on every deploy.
my-site.netlify.appLive · 8.3s
Simple pricing
Start free. Go pro when you're ready.
Free
$0
forever
✓80+ canvas elements
✓Custom shape builder
✓HTML export
✓AI Advisor (10/mo)
✕Netlify deploy
✕Unlimited AI
Pro
PRO
$19
per month
✓Everything in Free
✓Netlify deploy (one click)
✓Unlimited AI generation
✓Custom domains
✓Priority support
✓Version history
Team
$49
per month
✓Everything in Pro
✓Up to 10 members
✓Shared component library
✓Real-time collaboration
✓Team Netlify workspace
✓Analytics dashboard
user@email.com
✦ AI Advisor
Hi! I can help you improve your design. Select an element or describe what you need.
Select an element to edit its properties
Position & Size
XY
WH
Appearance
Background
Text color
Opacity%
Radiuspx
Typography
Sizepx
Weight
Text content
Double-click an element on the canvas to edit its text in place. Only the words change — the layout, colors and spacing stay exactly as they are.
Interaction
Custom Shape — vector pen
Tools
Presets
Fill
Color
Opacity
Stroke
Color
Width
Geometry
Smooth
Pen: click to drop anchors, click the first anchor (or press Enter) to finish. Edit: drag anchors, alt-click to delete one.
Shapes are exported as real SVG — they stay sharp at any size.
0 anchors
Deploy to Netlify
Publish your design live in seconds — free hosting