Templates

57 Shortcodes and Elements

Every content element Canvas ships, each on its own page, with all of its variations laid out together so you can see the options before you build.

Open the live showcaseBrowse the demo websites

Every link opens a real page on the live showcase, drawn by the same theme and blocks you install.

Which block

The block behind each element

Every element page shows one or more Canvas blocks with their variations side by side. Find the element you want, insert the block named under it, and the variations are settings in its panel.

  • Buttons
    Button, Page Title Buttons
  • Carousel
    Carousel, Product Carousel
  • Clients
    Clients
  • Columns
    Column, Row
  • Counters
    Countdown, Counter
  • Read More
    Read More
  • Ticker
    Ticker
  • Cart Quantity
    Quantity Input
  • Parallax Elements
    Parallax Image
  • Dividers
    Divider
  • Icon Boxes
    Icon Box
  • Galleries
    Gallery
  • Heading Styles
    Dropcap, Heading, Text Rotator
  • Icon Lists
    Icon List
  • Item Overlays
    Overlay Content, Overlay Item
  • Form Elements
    Form Field
  • Circle Stack
    Circle Stack
  • Lists & Cards
    Link Tiles, Lists & Cards
  • Maps
    Map
  • Media Embeds
    Media Embed
  • Modal Boxes
    Modal
  • Notifications
    Notification
  • Pagination
    Pagination
  • Progress & Skills
    Progress Bar
  • Shape Dividers
    Plain Image, Shape Divider
  • Cascading Images
    Cascading Images
  • Code Highlighter
    Code Highlight
  • Media Actions
    Background Video / Audio
  • Pricing Boxes
    Inline SVG, Pricing Switcher, Pricing Table
  • Process Steps
    Process Steps
  • Promo Boxes
    Promo Box
  • Blockquotes
    Quote
  • Image Sliders
    Image Slider
  • Sections
    Hero, Wrapper
  • Social Icons
    Social Icons
  • AJAX Button
    AJAX Button
  • Preloaders
    Preloader
  • Alert Boxes
    Alert
  • Styled Icons
    Styled Icon
  • Tabs
    Tabs
  • Testimonials
    Testimonials
  • Toggles
    Accordion, Toggle
  • Flip Cards
    Flip Card
  • Image Compare
    Image Compare
Shared settings

What every element carries with it

The advanced panel

Canvas adds the same advanced panel to every block type on the site, core blocks and other plugins' blocks included: an entrance and exit animation, custom CSS scoped to that block, custom attributes and display conditions by role or device. The Animations page is that panel at work.

Defaults and global styles

Set a button up the way your brand wants it and save those settings as the default, so the next one you insert starts there. A global style names a set of settings you apply across the site and change in one place later.

Free and premium, same plan

213 of the 298 Canvas blocks are free and 85 are premium. Every plan includes all of them, so an element on this page is never an upgrade away.

Why the menu says Shortcodes

The showcase keeps the menu names of Canvas HTML, the template these pages mirror, and Shortcodes is what that menu calls its element pages, so anyone who has built with the HTML template finds each page where they expect it. In Canvas for WordPress none of them is a shortcode. Each element is a registered block with its options in the sidebar, saved as standard block markup, and nothing asks you to remember a bracketed tag.

More templates

The rest of the library

Start from a finished page

All 141 layouts ship on every plan, alongside every block and every demo website.

Get Canvas · from $39/yearPreview the demos