Canvas Docs

Installation

Follow the steps below to get started with Canvas 8:

  • Download and unzip the Canvas package you purchased from ThemeForest, then open the HTML folder to find all the template files.

  • The list of the main folders and files is below:

  • HTML/css - Extra stylesheets, component styles, and icon fonts

  • HTML/demos - Niche demo images and styles

  • HTML/dist - Folder where the Gulp.js pipeline outputs compiled files

  • HTML/images - Classic demo images

  • HTML/include - Required PHP functions (contact form processor, AJAX, mailers)

  • HTML/js - JavaScript files, including the Canvas plugins

  • HTML/one-page - One-page demo images and styles

  • HTML/sass - Source SASS partials for building style.css

  • HTML/style.css - Main compiled stylesheet

  • HTML/style.scss - Master SASS file that imports the sass/ partials

  • HTML/*.html - All of the template and demo pages

  • Install a localhost server on your PC or laptop so PHP features (such as the contact form) work during development. If you want to build from source or minify your files, install Node.js 20.19.0 or newer, which Canvas 8 requires. See SCSS & Gulp.js to get the build toolchain set up.

  • Edit the files using a code editor like VS Code (recommended) or Sublime Text.

  • When you are done, finalize your upload package. Optionally run the Gulp tasks to compile your SASS and minify the CSS and JavaScript.

  • Upload your files to your server, typically the public_html folder (Apache) or /var/www/html folder (Nginx).

Note: Canvas 8 ships with and is tested against jQuery 4 and Swiper 12. If you are moving an existing site from Canvas 7, retest before deploying and read the UPGRADE.md guide included in your download package, since jQuery 4 and Swiper 12 are major dependency upgrades.

Prefer not to code? CanvasBuilder is our AI website builder: describe your site in plain English and it builds a complete, production-ready website live, then exports clean Bootstrap 5 HTML you fully own. No coding, no lock-in.

With an optional plan you also get:

  • One-click hosting and publishing: push your site live instantly, no FTP and no build step, and republish in seconds as you edit. Deploy anywhere, or export the HTML and host it yourself.
  • Automated SEO blog: a design-matched blog that writes SEO posts on a schedule using your site's own fonts, colors, and layout. Set the niche and cadence, and it publishes for you.
  • Custom domains and team seats for agencies and client work.

Extras

Instead of downloading the full package and sorting through every file by hand, you can build a custom package that contains only the files you need for your project. This gets you started quickly with a clean, lightweight download.

How it works

  • Open the Custom Package builder in your dashboard at dashboard.canvastemplate.com/builder.

  • Select the pages and demos you want (up to 30 items per package).

  • Optionally include the SCSS build sources if you plan to work with SCSS.

  • Click Build and the zip is generated on demand. Smart packaging automatically pulls in the CSS, JS, PHP, images, and other assets that the pages you picked actually use, so you do not have to resolve dependencies yourself.

Note: The Custom Package builder requires an active support license. If your support has expired, you can renew or subscribe, or download the Full Package instead.

Was this page helpful?