29 articles
Canvas
The general purpose blocks. Reach for this group when what you are building is not tied to one kind of content or to one region of the page, because anything that does not belong to a narrower group lives here. Designs adding blocks here: Ai Coding, Dental Clinic.
How To Build An Icon BoxThree worked layouts for the Icon Box block, a row of three, a narrow column and a connected step list, with the mistakes that cost the most time.AlertsAlert and notification boxes using Bootstrap alert or Canvas style-msg system. Supports filled, bordered, and extended variants with optional icon and dismiss button.ButtonsFully featured button with style variants, sizes, shapes, colors, icons, hover effects, and shadow options.Code HighlightSyntax-highlighted code block powered by Prism.js. Supports 15+ languages with an optional clipboard copy button.CountersAnimated number counter with icon, prefix/suffix, and caption label.DividersHorizontal divider with optional icon, style variants, alignment, width presets, and scroll-to link support.DropcapsStyled dropcap letter with accompanying paragraph text. Supports boxed, bordered, circle, and circle-bordered variants with left or right positioning.HeadingsStyled heading with optional subtitle. Supports Heading Block, Title Block, Emphasis Title, and Fancy Title types.HighlightHighlighted text with configurable style variants including marker, underline, gradient, outline, and text-only. Supports optional before/after surrounding copy and any...Icon BoxesFeature box with icon, title, and description. Supports multiple icon styles, sizes, layouts, and hover effects.Icon ListsIcon list with repeater items. Each item has an icon (CSS class), text label, and optional link. Supports default, large, and extra-large size variants.Login FormRenders a WordPress login form with Canvas styling. Shows a welcome message to logged-in users.NotificationsDisplay a toast notification triggered by a button click or automatically on page load.Page Title BreadcrumbsRenders a breadcrumb trail (Home > Parent > Current) for the current page or post.Page Title HeadingRenders the page / post title as a heading. Supports dynamic (context) and static (literal) source modes.Page Title SubtitleRenders the page subtitle. Reads _canvas_page_subtitle meta in dynamic mode, or displays custom text in static mode.Plain ImageA bare img element (no figure wrapper) with exact class control, optional link, and optional retina (2x) srcset pair.Portfolio ExcerptDisplays a trimmed excerpt for the current portfolio item.Pricing TablesFlexible pricing box card. Supports default, simple, minimal, and extended layouts with optional pricing switcher, feature list, and CTA button.Process StepsNumbered or icon step indicators with dashed connector lines. Optionally enables Bootstrap 5 tab content with prev/next navigation.Progress BarsAnimated skill/progress bar with percentage counter, horizontal or vertical orientation, and Bootstrap stripe patterns.Promo BoxesPromotional call-to-action box with heading, subtext, and CTA button. Supports default, border, light, and dark styles.QuotesBlockquote with default border, icon quote, and speech bubble styles. Supports reverse alignment, citation footer, and optional border/icon color overrides.Read MoreCollapsible content area with animated expand/collapse triggered by a read-more link.Register FormA user registration form with Canvas styling. Requires user registration to be enabled in WordPress settings.Shape DividersSVG decorative shape divider for section transitions.Social IconsGroup of social icon links with hover animation, multiple styles, sizes, and optional sticky positioning.Styled IconsStandalone icon with filled, bordered, or plain style, shape variants, color options, and optional link.Team MembersTeam member cards with grid, overlay, and list layouts. Supports photos, bio, profile links, and social icon links.