Blog Post Feature Carousel

A clean, modern blog post carousel that lets you showcase your latest or hand-picked posts in a responsive, swipeable slider. Built with zero external dependencies, fully customizable styling, and designed to look great on any HubSpot theme.

Video sessions

Over 20 years of in person training experience now available on demand for you and your team.

resource downloads

Get access to reporting templates and material developed across dozens of global organizations.

COACHING

Get access to one on one coaching for you or your team. Let me help you unpack the topics in this course and strategically apply them to your context.

Features

  • Automatic or manual post selection. Pull your latest posts automatically from any HubSpot blog (with optional tag filtering), or hand-pick specific posts to feature.
  • Responsive cards per row. Configure how many cards display on desktop (1-4), tablet (1-3), and mobile (1-2) independently.
  • One-post-at-a-time scrolling. Arrow navigation advances one card per click for a smooth browsing experience.
  • Touch and swipe support. Native swipe gestures on mobile and click-drag on desktop.
  • Optional auto-advance. Set a timed interval with automatic pause on hover or focus.
  • Edge fade effect. A subtle right-side fade hints at more content, with adjustable width.
  • Full style customization. Card background, border, shadow, border radius, typography, button colors, arrow size, dot indicators, tag badge colors, and section spacing are all editor-configurable from the Style tab.
  • Post meta description display. Shows the blog post meta description as a card excerpt, with a word length control.
  • Tag badge overlay. Displays the post's primary tag as a badge on the featured image.
  • Author and date toggles. Show or hide publish date and author name per your preference.
  • Configurable CTA button. Customize the button text for each use.
  • Dot and arrow navigation. Both independently toggleable, with adjustable arrow size and color.
  • Infinite loop option. Let the carousel wrap continuously or stop at the last post.
  • Keyboard and screen reader accessible. Arrow key navigation, ARIA labels, live region announcements, and reduced-motion support built in.
  • Works everywhere. Compatible with Page, Blog Post, and Blog Listing templates.