1/4
Overview
A flexible tabbed cards module for displaying tiered offerings — class levels, course tracks, pricing plans, or any "pick-one" set of options. On desktop, three folder-tab panels swap on click or arrow-key, with a sequential scroll-reveal that draws attention as the section enters view. On mobile, the tabs collapse and all tiers stack vertically so visitors can scroll through every option without tapping. Every visual is editor-controlled — image aspect ratio, bullet style (including custom SVG upload), padding presets, panel sizing, swap animation, and a separate color scheme per tier. Color and font fields inherit from your theme's brand settings out of the box.
Features
Three editable tiers with per-tier color schemes
Add 2–6 tiers (Beginner / Intermediate / Advanced or your own labels). Each tier has its own background, text, button, and image controls so the panels read as a visual progression instead of three identical cards.
Comprehensive styling controls + text editing
Each tier supports full rich-text body content (bold, italic, links, ordered and unordered lists) plus inline italic accent words via custom spans on titles. Granular animation controls give you two panel-swap styles plus on/off toggles for the swap animation and the promo tag's bob/sway.
Vanilla JS, multi-instance safe, zero dependencies
Each tier supports an optional rotated, outline-pill badge ("Best for first-timers", "Most popular", "Super offer") for highlighting standout tiers. Sits at the top-right of the tier with a subtle bob/sway animation that you can toggle off.
Multifunctional + mobile-friendly
Flexible, all-in-one section that adapts to any purpose — features, services, or CTAs. Mobile-friendly by design, with smooth reflow on phones and tablets. Customize layout, content, and styling without adding extra modules.
About Module
Total installs - 10+
Created - Apr 27, 2026
Version 1 - Apr 27, 2026
Categories Tags
Requirements
HubSpot Subscription Works with all HubSpot plans
Contact .HUB
Legal Stuff
Please refer to the developer's Privacy Policy and Terms for more information.
Support
.HUB
- Берлін, Німеччина
Visit website
.HUB (formerly HubSpot Devs Club) is an official HubSpot Solutions Provider that has been working with HubSpot since 2016. We've supported 30+ clients across CMS development, CRM setup, automation, and custom HubSpot solutions — accumulating 16,000+ hours of hands-on platform experience. Behind every template we publish is a small, senior team that knows HubSpot inside out. We respond quickly, answer real questions (no overcomplicated tech talk), and treat each buyer as a long-term partner — not a one-time transaction.
