Build anything with Canvas
Learn how to describe what you want, refine it by chatting, and get the most out of every credit you spend — no page or section limits.
1,658+
Canvas components
85+
Canvas niche demos
244
Block patterns
~3min
Avg generation time
How It Works
Describe it, watch it build, refine by chatting
There are no fixed generation types or page caps. Tell Canvas what you want — a single section, a one-page site, or a full multi-page website — and it builds it live. Then keep refining by chatting. You only pay for the work the AI actually does.
Describe what you want
Write a prompt in plain English — a hero section, a SaaS landing page, or a complete multi-page business site. Be as specific as you like about niche, style, colours, and the pages or sections you need.
Watch it build live
Canvas designs, writes, and assembles your site in front of you — pages, sections, copy, images, and responsive layout — using the production-grade Canvas design system.
Refine by chatting
Keep editing the same project just by chatting. Change copy, swap sections, adjust colours, add pages — the AI remembers full context and updates the live file each time.
What you can build — from one block to a full site
A single section or block
A hero, pricing table, testimonials grid, FAQ, feature row — one self-contained section you can drop into any page. The quickest, lowest-cost build.
A complete one-page site
A full landing or product page with as many sections as it needs — hero, features, pricing, testimonials, CTA, and more — plus header and footer. No fixed section count.
A full multi-page website
Multiple interlinked pages sharing a consistent header, navigation, and footer — home, about, services, portfolio, pricing, contact, and any others you ask for. No page limit.
Credits scale with the size and complexity of what you build — a quick section costs a little, a full multi-page site costs more. You're only charged for what you actually generate.
Prompt tip
Be specific about niche, style, and the pages or sections you want. Example: "Modern dental clinic website with home, services, about, team, and contact pages. Clean clinical design in navy and white, with a pricing section and an appointment CTA."
Refining
Keep editing — just by chatting
Your project doesn't stop when the first build finishes. Every follow-up message refines the same live site — no re-starting, no separate editor. The AI keeps full context of what it built.
Conversational edits
Ask for changes in plain English — “make the hero darker”, “swap the pricing to 3 tiers”, “add an FAQ section”, “write a new about page”. Each message updates the same project.
Iterate until it's right
Keep refining as many times as you need. You're always working on the latest version of your site, and you can refine copy, layout, colours, sections, or whole pages.
Targeted or broad
Tweak a single button, restyle one section, or restructure the whole page. Small changes cost less; bigger rebuilds cost more — you only pay for the work done.
Export anytime
Download the full project as clean HTML, CSS, JS, and images whenever you like — you own the code and can deploy it anywhere, no lock-in.
Prompt tip for refining
Change one thing at a time for the most predictable results. Example: "Change the hero background to a dark gradient and make the headline bigger", then follow up with the next change.
Credits
How credits work
Credits are deducted when you start a generation. Failed generations are automatically refunded. Credits never expire.
Describe your site
Write a prompt — a section, a page, or a full site
Credits deducted
Credits are reserved upfront before generation starts
AI generates
Canvas AI builds your layout in real time
Download ready
Download your HTML or auto-refund if failed
What you can build
A single section or block
A hero, pricing, FAQ, or any one self-contained block — the lowest-cost build
A complete one-page site
A full landing or product page with as many sections as it needs, plus header and footer
A full multi-page website
Multiple interlinked pages with shared nav and footer — no page limit
Refining by chat
Each follow-up change to the same site — small tweaks cost less than big rebuilds
Per-build cost scales with complexity. A quick block uses fewer credits than a full multi-page site.
Auto-refunded
- →Generation fails due to a server error
- →AI cannot complete the requested layout
- →Network timeout during generation
Credits consumed (not refunded)
- →Successful generation (even if you don't download)
- →Generation completed but output doesn't match expectations
- →You cancel after generation has started
Prompt Guide
Write prompts that work
The better your prompt, the better your output. Here's how to get the most from Canvas AI.
Vague prompt
AI makes all decisions. Output may not match your vision.
Specific prompt
AI has a clear direction. Output matches expectations.
Name the niche
Always specify the industry or niche. "SaaS landing page", "medical clinic", "law firm" — the AI uses this to pick the right design language.
Describe the aesthetic
Add style adjectives: "dark and bold", "clean and minimal", "warm and inviting", "corporate and professional". This shapes typography, color, and imagery.
List your sections or pages
For a single page, list the sections you want: hero, features, pricing, testimonials, CTA. For a multi-page site, list the pages: home, about, services, contact — add as many as you need.
Specify key content
Mention important content elements: "3 pricing tiers", "team of 4 people", "5-step how-it-works", "before/after comparison". The AI will include them.
Call out colours
If you have brand colours in mind, say so: "navy and gold", "emerald green with white", "warm terracotta palette". Avoids generic blue-and-white defaults.
Use revisions
Start with a base generation, then refine with revisions. Pay only for the work the AI does — cheaper than regenerating from scratch when you need tweaks.
Behind the Scenes
What happens when you generate
Canvas AI follows a multi-step process to ensure every output is production-ready, accessible, and fully responsive.
Analyzing requirements
~2sParses your prompt to identify niche, layout type, sections, colour palette, and content requirements.
Planning structure
~3sDesigns the page hierarchy, section order, grid layout, and component selection from the Canvas library.
Building hero section
~4sCreates the hero/banner first — sets the visual tone, typography, and background treatment for the entire page.
Generating content sections
~10sBuilds each content section in sequence — features, pricing, testimonials, etc. — following Canvas conventions.
Adding images & media
~3sSelects relevant stock images from Unsplash, applies proper aspect ratios and object-fit rules.
Optimizing for mobile
~3sValidates responsive breakpoints, adjusts column stacks, and ensures touch targets meet minimum sizes.
Adding SEO metadata
~2sWrites meta title, description, Open Graph tags, structured data (JSON-LD), and canonical URLs.
Checking accessibility
~2sValidates ARIA labels, colour contrast (WCAG 2.1 AA), keyboard navigation, and alt text.
Final polish & review
~1sValidates HTML structure, removes dev artefacts, and packages the clean output for download.
Be Informed
What to expect
CanvasBuilder is a powerful tool — but we believe in being upfront about how it works and where its edges are.
Inline styles are normal
Niche Demos and generated sections use custom inline CSS for colour palettes, typography, and layout. This is intentional — each layout is self-contained and ready to preview without third-party stylesheets beyond the Canvas framework.
Build as much or as little as you want
Ask for a single section, a full page, or a complete multi-page site — there are no fixed types or page caps. Bigger builds use more credits; you only pay for what you generate.
Multilingual content, English structure
You can generate layouts in 17 languages — but HTML classes, CSS property names, and Canvas framework attributes always remain in English. The visual content adapts; the code does not.
Generation times vary
Most pages complete in under 3 minutes. Large multi-page sites can take longer. If the AI is under heavy load, you may be asked to try again shortly.
Images are placeholder CDN assets
Generated layouts use niche-matched stock photography from our CDN library. These are for demo and layout purposes — you'll replace them with your own images before going live.
Download Package includes everything
Generated layouts bundle all CSS, JavaScript, fonts, and images in the ZIP. No additional purchase needed — download and deploy straight away.
FAQ
Frequently asked questions
Can I use the generated HTML commercially?
Yes. You own the generated HTML output and can use it for any commercial purpose. The Download Package includes all CSS, JavaScript, fonts, and images — everything you need to deploy.
Do credits expire?
No. Credits never expire as long as your account remains active. You can purchase once and use them over time.
What if my generation fails?
Credits are automatically refunded to your balance if a generation fails due to a server-side error or if the AI cannot complete the output. You'll see the refund in your credits instantly.
Can I revise a generated layout?
Yes. Revisions use a small number of credits depending on the scope of the change. From your History page, open any completed generation and submit a revision prompt describing the changes you want.
How do I edit a site after it's built?
Just keep chatting. Every follow-up message refines the same project — change copy, swap sections, adjust colours, or add pages in plain English. The AI keeps full context of what it built, and credits are charged on the actual work each change takes.
Can I refine the same site multiple times?
Yes — that's the whole idea. Each message updates the same live project, so you can keep refining until it's exactly right. Smaller tweaks cost fewer credits than larger rebuilds, and you're always working on the latest version.
What HTML files do I get?
A single section or one-page site produces a single .html file with inline or embedded CSS. A multi-page site produces multiple .html files (one per page) with shared styles, all interlinked and ready to deploy. The Download Package bundles all CSS, JS, fonts, and images.
Does the AI use my prompts to train future models?
No. Your prompts are used only to generate your layout and are stored in your history for re-download. They are never used to train AI models.
What is the Canvas template system?
Canvas is one of the most popular HTML/WordPress themes on ThemeForest (1,658+ HTML files, 85+ niche demos). Canvas Builder uses it as the design foundation — so every generated layout is built on a battle-tested, enterprise-grade template system. The Download Package bundles everything you need to deploy without any additional purchase.
Can I get a Canvas buyer bonus?
Yes. If you've purchased the Canvas HTML template on ThemeForest, you can verify via Envato login in Account settings and receive 10 free credits instantly. Requires active support.
Ready to start building?
Describe any layout — our AI builds it in under 3 minutes using 1,658+ Canvas components.