HubSpot Marketplace Module

Blog Carousel Pro for HubSpot CMS

Dynamic Blog Post Carousel, Grid & Featured Bento Layouts

A premium HubSpot blog module that pulls posts dynamically from any HubSpot blog into three responsive layouts: Swiper carousel with autoplay, CSS grid with Load More, and featured bento grid. Tag filtering, 5 image aspect ratios, reading time, author photos, and 50+ style controls.

Get the Module arrow_outward Works with any HubSpot CMS theme · Pure vanilla JavaScript · $9.99
Blog Carousel Pro module for HubSpot CMS showing a Swiper-powered blog post carousel with autoplay and pagination

Everything you need in a blog display module

view_carousel

Three Blog Layouts

Swiper-powered carousel with autoplay, arrows, and pagination dots. CSS grid with optional Load More button. Featured bento layout with a large hero card beside stacked thumbnails. All modes support 2 to 4 columns and collapse cleanly on mobile.

filter_alt

Dynamic Blog Filtering

Pull 2 to 20 posts from any HubSpot blog. Filter by tag with case-insensitive matching. Exclude the current post on blog templates. Toggle featured images, excerpts, author photos, dates, tags, and reading time independently.

aspect_ratio

Five Image Aspect Ratios

Display featured images at 16:9, 4:3, 3:2, square, or auto aspect ratios. Tag badges overlay on images or display inline below. Configurable excerpts from 50 to 300 characters with smart truncation.

schedule

Reading Time and Date Formats

Estimated reading time based on word count. Four date formats: short, long, relative, and numeric. Author name with optional photo. Every card element toggles independently from the content settings.

devices

Responsive Breakpoints

Separate tablet and mobile breakpoint controls. Full-width section backgrounds with centered content containers through independent max-width and padding. Cards stack cleanly with maintained spacing at every screen size.

palette

50+ Style Controls

19 color fields for cards, text, tags, arrows, dots, CTA, and Load More. Two Google Font pickers with theme inheritance. Card border radius, shadows with four levels, hover effects, image radius, arrow size, dot size, and section padding.

What you can build with Blog Carousel Pro

Blog Carousel Pro replaces the default HubSpot blog listing module with layouts that match your brand. Here are common use cases teams build without writing any code.

Homepage blog slider

Add a Swiper blog carousel to your homepage that pulls the latest 4 to 8 posts with autoplay, navigation arrows, and pagination dots. Visitors see fresh content without scrolling to a separate blog page. Common on SaaS homepages, agency sites, and corporate portals.

Resource hub with Load More

Use the CSS grid layout with Load More pagination to build a resource center, knowledge base, or content library. Show 6 posts initially and let visitors load more on demand. Filter by tag to separate guides from case studies or product updates.

Featured article section

The bento layout displays a large hero card beside stacked thumbnails. Use this as a featured content section on landing pages, pillar pages, or blog sidebars. The layout draws attention to your most important post while surfacing related content.

Related posts on blog templates

Drop the module on your blog post template with current post exclusion enabled. It pulls recent posts from the same blog and filters by tag to show contextually relevant content. Reading time and author photos add credibility and encourage further browsing.

Works with any HubSpot theme

Blog Carousel Pro is a standalone module. Install it in any HubSpot CMS portal and drop it on any page. No theme dependency, no jQuery. Swiper loads from CDN only in carousel mode. Grid and featured bento modes use zero external libraries. Multiple instances on the same page are fully isolated via scoped CSS.

Questions

How does it pull blog posts?

add
The module uses HubSpot's blog_recent_posts function. Select any blog in your portal, set the post count, and optionally filter by tag. Posts update automatically when you publish new content.

Can I use multiple instances on the same page?

add
Yes. All CSS is scoped per instance with zero conflicts. You can have a carousel at the top and a grid further down the page, each pulling from different blogs or tags.

Does Swiper load on every page?

add
No. Swiper loads from CDN only when carousel mode is active. If you use grid or featured bento mode, no external library is loaded. This keeps page weight minimal.

Do you offer support?

add
Yes. Documentation included, plus email support for setup and customization questions. Response time is within 5 business days.

Add a blog carousel to your HubSpot site

The most flexible blog display module on the HubSpot Marketplace. Carousel, grid, and featured bento layouts with tag filtering, reading time, and 50+ style controls.

Get the Module arrow_outward

Related modules: Testimonials Pro · Social Proof Pro · FAQ Pro · All Modules