Version 44

Coming soon

Bring pages to life with Lottie animations

You can now use Lottie animations (lightweight motion graphics) in many modules, not just static images.

Live preview

You can learn more or browse free and pro Lottie files at lottiefiles.com, but you are free to use any website or tool you prefer to create your Lottie files.

Where it works: cards (feature, content, compact, cover, team, go, box over image), image modules, hero slider backgrounds, pricing, contact boxes, timelines, quotes, quick actions, navigation mega menus, and section backgrounds.

What you can do:

  • Pick Image or Lottie as the media type
  • Add a Lottie file (upload .lottie or .json file, or paste their URL), set size and corner radius
  • Choose autoplay or play on hover
  • Add links to animated media where the module supports it

Good for: subtle motion on cards, animated hero backgrounds, playful icons, richer nav mega menus, without heavy video files.

Collapsible sections (“Show more”)

Section extra settings module can shorten tall sections with a fade and an expand button. Useful for long content without endless scrolling.

Live preview

You can control:

  • Collapsed height (per screen size)
  • Fade style (transparent or solid color)
  • Whether the fade stays after expanding
  • Button text and placement

Good for: long about sections, FAQs, or dense content blocks where you want a cleaner first impression.

Blog posts with multiple authors

HubSpot’s multi-author posts are now fully supported across the theme.

Live preview

What visitors see:

  • One author — same as before: photo + “by [name]”
  • Several authors — overlapping profile photos; hover for names; on post/listing layouts that show text, all names appear as linked names (e.g. “By Jane Doe, John Smith on March 12, 2026”)

Updated in: post hero, post body (when there’s no hero), listing hero, Listing layout 1, Listing layout 4.

Reveal animation controls in module Wrapper options

Modules can fade or slide in as visitors scroll. Previously this required custom CSS classes (still supported); now it's built into Wrapper › Reveal animation in any supported module.

  • Turn it on/off
  • Choose direction (up, down, left, right, zoom, or fade)
  • Adjust delay, duration, and timing
  • Control when it starts (how far into view)
  • Optionally replay each time it comes back into view

Good for: landing pages, feature sections, and storytelling layouts with a bit more polish.

Specify content types to include in search results

You can now specify the content types to include in the search results:

  • Site pages
  • Blog posts
  • Blog listing pages
  • Landing pages
  • Knowledge articles

Site pages, Blog posts, and Blog listing pages are included by default, just like before.

Good for: including landing pages in the search results.

Buttons now support custom icons

The Button module has more control over icons:

  • Use a standard icon or paste custom icon code (e.g. your own SVG)
  • Fine-tune space between icon and label
  • Adjust padding on the icon side

Good for: branded icons and better visual balance on the button with certain icons.

Accessibility & polish

Several updates improve the experience for all visitors, including those using keyboards and screen readers:

  • Accordions — clearer expand/collapse behavior for assistive tech
  • Icon and video links — better labels for screen readers
  • Mobile menu — close button uses the correct label
  • Tooltips — show on keyboard focus, not only mouse hover

Other improvements and small fixes

  • Comparison table module — previous custom ID and class fields moved in Settings, and it now uses the same Wrapper options as other modules (width, alignment, reveal animation, custom ID/class).
  • Listing module — now uses the same Wrapper options as other modules (width, alignment, reveal animation, custom ID/class).
  • Quick features module — 3 columns on medium screens, custom icon size.
  • Compact card module — added Paragraph and Div options to the Title tag field.
  • Audio player default HubSpot module — stacking order fixed so it doesn’t overlap the header and other content.
  • Email subscription preferences page — form header no longer picks up the site header’s background styling.
  • Sticky header — improved rendering performance.
  • SVG icons that use stroke instead of fill are now correctly rendered.
  • Textarea and dropdown form fields now have correct round corners.
  • Page scrollbar no longer affects the page layout when it becomes hidden.
Files added
js/components/lottie.js
macros/lottie.html
Files updated
css/_base.css
css/_button.css
css/_icon.css
css/_tooltip.css
css/components/blog-infobar.css
css/components/compact-card.css
css/components/contact-box.css
css/components/content-card.css
css/components/cover-card.css
css/components/form-v4.css
css/components/hero-slider.css
css/components/image-box.css
css/components/quick-action.css
css/components/section-extra-settings.css
css/components/timeline.css
css/main.css
css/templates/email-subscription-preferences.css
js/components/accordion.js
js/components/site-search.js
js/main.js
macros/utility.html
modules/accordion.module/fields.json
modules/accordion.module/module.html
modules/blog-card.module/fields.json
modules/box-over-image.module/fields.json
modules/box-over-image.module/module.html
modules/button.module/fields.json
modules/button.module/module.html
modules/column-navigation.module/fields.json
modules/compact-card.module/fields.json
modules/compact-card.module/module.html
modules/comparison-table.module/fields.json
modules/contact-box.module/fields.json
modules/contact-box.module/module.html
modules/content-card.module/fields.json
modules/content-card.module/module.html
modules/cover-card.module/fields.json
modules/cover-card.module/module.html
modules/feature-card.module/fields.json
modules/feature-card.module/module.html
modules/features-showcase.module/fields.json
modules/form.module/fields.json
modules/gallery.module/fields.json
modules/go-card.module/fields.json
modules/go-card.module/module.html
modules/heading.module/fields.json
modules/hero-slider.module/fields.json
modules/hero-slider.module/module.html
modules/icon.module/fields.json
modules/icon.module/module.html
modules/image-box.module/fields.json
modules/image-box.module/module.html
modules/image-plus-text.module/fields.json
modules/image-plus-text.module/module.html
modules/image.module/fields.json
modules/image.module/module.html
modules/lang-select.module/fields.json
modules/listing.module/fields.json
modules/listing.module/module.html
modules/logos.module/fields.json
modules/mobile-nav.module/fields.json
modules/mobile-nav.module/module.html
modules/multi-address.module/fields.json
modules/nav.module/fields.json
modules/nav.module/module.html
modules/numbers.module/fields.json
modules/pricing.module/fields.json
modules/pricing.module/module.html
modules/properties.module/fields.json
modules/quick-action.module/fields.json
modules/quick-action.module/module.html
modules/quick-features.module/fields.json
modules/quick-features.module/module.html
modules/quote.module/fields.json
modules/quote.module/module.html
modules/review.module/fields.json
modules/rich-text.module/fields.json
modules/scroll-to.module/fields.json
modules/section-extra-settings.module/fields.json
modules/section-extra-settings.module/module.html
modules/section-intro.module/fields.json
modules/sharing.module/fields.json
modules/shifter.module/fields.json
modules/shifter.module/module.html
modules/side-menu.module/fields.json
modules/site-search.module/fields.json
modules/site-search.module/module.html
modules/steps.module/fields.json
modules/tabs.module/fields.json
modules/team-card.module/fields.json
modules/team-card.module/module.html
modules/timeline.module/fields.json
modules/timeline.module/module.html
modules/video.module/fields.json
modules/video.module/module.html
partials/blog-listing-1.html
partials/blog-listing-4.html
templates/blog-listing.html
templates/blog-post.html
templates/home-2.html
theme.json