Pure HTML and CSS WordPress builder
Build faster webpages that achieve better SEO results.
superspeed
Engineered for
performance
Packed as a super small WordPress plugin, LiveCanvas will allow you to build great web pages that effectively communicate your message while keeping low weight.
No extra CSS or JS bloat added: just pure Bootstrap 5.
FULL PAGE HTML CONTROL
An Advanced code editor in your hands
If you generally hate page builders, check out LiveCanvas: the only page builder which outputs super clean, Bootstrap 5 - compliant HTML5 code, which you can refine via a built-in live code editor.
Now with Bootstrap 5!
Technologies you can trust
LiveCanvas allows you to use standard Web languages like HTML & CSS in your designs, with no vendor lock-in, helping you to become a better web designer - not a "plugin piler"
vanilla
CODE & reuse
Use standard blocks or build your own
LiveCanvas helps you build great web pages visually combining HTML snippets, that we call "blocks". It allows you to get started immediately using readymade blocks, or building your custom ones. No limit to your creativity!
What Our Customers Are Saying
"There is no other good bootstrap for wp. This is originally for coders. Thats why not so easy for all. Very good and fast. Still evolving sure."
Marko Myllymäki
"chelseaelectricians.co.uk was a redesign of an old html site that did not rank in the first 100 SERP listings for the term "chelsea electricians" . They started to climb up the SERPS almost immediately - hovering around page 3 - 4 for a week or so. They now rank at #9 on page 1.
Gail Kingswell Trueman
"LiveCanvas has made me explore WordPress again... I left WordPress a few years back for static site generators, looking for performance and accessibility enhancements..
Tim Bowerbank
I just purchase the LiveCanvas and I was stunned to see that how easy it is to use Barba and SWUP on LiveCanvas. In the past, I tried to implement page transitions using Oxygen Builder and Divi, but it was a partial success. Upon calling the next page, the styles do not load. While in LiveCanvas there is no such issue. WOW Impressed. I hope LiveCanvas will add more features in the future. It was a very promising future if the developers keep on adding more stuff.
Usama Zulfiqar
"I thought oxygen builder would be the best choice to swap with custom theme development. Man I was wrong! The work you guys put in the product worth much more than that lifetime license price"
Kemal Esensoy
"Before I worked with LiveCanvas, I tried various PageBuilders. There were also some good ones, but I thought they were always a bit inflexible and a bit overloaded... "
André Wunsch
I just relaunched my website with Livecanvas and I am overwhelmed by the results regarding performance.
As a SEO consultant it is important for me and my clients to implement websites with great core web vitals results.
Before the relaunch my website was running based on the the DIVI theme. I was trying to optimize the performance for years but never got better results than Pagespeed 50.
Now the website reaches PageSpeed 100 (desktop) and 90 (mobile). CLS is 0. That is terrific."
Michael Weckerlin - Mister Seo
picostrap
picostrap-child
functions.php
js
_custom.js
sass
_custom.scss
_theme_variables.scss
main.scss
screenshot.png
style.css
xs
sm
md
lg
xl
xxl
responsive
Advanced
Responsive
Layouts
Effectively deliver your message to your audience through any kind of device.
LiveCanvas allows you to visually check what's happening on each breakpoint with ease, while you are working on your project.
Build things right from the start - instead of correcting countless glitches afterwards, using the power of Bootstrap 5
#builtforspeed
Features
An incredible tool for Web professionals.
A page builder, an HTML editor, freeing your creative soul.
If you love WordPress and Bootstrap 5, this is for you.
Light Footprint
A complete, turnkey solution for web page building, yet feather-light. Zero additional plugins required.
Top Performance
Build sites on a solid, minimalist foundation: WordPress and the Picostrap Theme. The LiveCanvas plugin adds no extra JS or CSS!
Get rid of handcuffs!
Most WordPress themes or page builders force you to reason strictly following their logic. You are here to enjoy a higher level of freedom. Coders invited!
100% Frontend based
Click texts and images to edit them. It will feel much better than fiddling in the backend to find out which hidden option panel changes that label.
Safety first: editing history
LiveCanvas makes good use of the standard WordPress revisions handling: you can always go back in the case you can mess up your work.
Include shortcodes
Extend your toolbox with all the usual suspects: you can easily place your favourite, well-known shortcodes into your custom designed pages.
Quick visual prototyping
Enabling an easy workflow to prototype and perfect wonderful mobile-ready web pages.
Refine and edit HTML
"Steal" all the HTML and CSS code samples you can find on the Web, and give it a try inside LiveCanvas. You have no set boundaries.
Create your own blocks
Build your own local library of custom HTML snippets to reuse through your projects.
Build Your Header & Footer
If you want, you can design your header and footer inside LiveCanvas, and ditch the traditional WordPress widgets.
Cool Animations
Experiment all the HTML and CSS code samples you can find on the Web, and give it a try inside LiveCanvas. You have no set boundaries.
UnSplash Photo Stock
An unlimited, free source of high quality images at your fingertips. A great source of inspiration, all inside LiveCanvas
Requirements
LiveCanvas just requires a recent install of WordPress and the Chrome Web browser.
Before I worked with LiveCanvas, I tried various Page Builders. There were also some good ones, but I thought they were always a bit inflexible and a bit overloaded..."
André Wunsch
Talented Web Designer, Berlin
GET YOUR PLAN
Pricing
Choose your plan and get started today.
Use LiveCanvas for your own projects and client sites.
Pro
Perfect for Designers
$79* $39/ per year
Until the 30th Sept 2021. Hurry up!
- Build Unlimited Websites
- Updates for 1 Year
- Support for 1 Year
Lifetime
For your Company
$199* $99/ one time
Until the 30th Sept 2021. Hurry up!
- Build Unlimited Websites
- Lifetime Updates
- Lifetime Support
30-Day Money Back Guarantee
If you are not completely satisfied, return your plan within 30 days and you will receive a full refund.
Buy with confidence and try LiveCanvas without risk.
questions?
Frequently Asked Questions
Most popular FAQ
Can I use LiveCanvas to create websites for clients?
Absolutely yes! You can use LiveCanvas on websites you build for clients - and they do not need to buy their own license.
How does it work? Why is it so fast?
The idea behind LiveCanvas is to minimize bloat, saving plain HTML inside the post_content field. This results in zero customer lock-in, and in extreme speed. You won't need caching plugins to make your homepage load at blazing speeds.
Which themes can I run LiveCanvas on?
Basically on every Bootstrap 4-based theme - but we recommend using it with picostrap - a very clean open source foundation, which adds some spice while keeping bloat at zero. You can find a more detailed answer in this blog post.
Can I integrate LiveCanvas with extra plugins?
Of course. You can place any shortcode inside LiveCanvas pages.
Does LiveCanvas add JS or CSS to my site?
Zero. Not at all. No extra CSS or JS file is added to your site. No inline style or script.
The main philosophy behind LiveCanvas is to help build extremely DRY sites.
Can LiveCanvas work with Gutenberg?
The LiveCanvas editor can be selectively enabled on pages / posts / custom post types - leaving the work to Gutenberg, or the Classic editor, where it's not enabled.
Can I turn off the LiveCanvas plugin after building the site?
While most page builders lock you in their proprietary systems, LiveCanvas talks pure HTML - so the basic answer is YES, you can do that - But we feel it makes very little sense, as the LiveCanvas plugin does not slow your site in any way.
Can I export a page built with LiveCanvas outside WordPress?
Yes. An option allows to download the page content, surrounded by the standard Bootstrap 4 template - the one recommended in the Bootstrap documentation - so if you're not using dynamic shortcodes or advanced features, you can export a simple landing page in one click, in a simple, independent HTML file.
What happens if I don't renew my plan after one year? Will my sites work?
Yes, 100%. Having an active membership is only necessary to download plugin updates.
Do you offer a Demo version?
We offer a full 30-Day Money Back Guarantee, so you can try LiveCanvas without risk.
Defending the {code} since 2016
Our Mission: Break the chains that bind you to a Builder
LiveCanvas is the WordPress builder who brought you the freedom. Enter today, stay unchained.