Horizontal Scrolling Features
A row of feature panels that scroll sideways as the page moves. Shows many product capabilities in a compact, playful strip that invites swiping.
A row of feature panels that scroll sideways as the page moves. Shows many product capabilities in a compact, playful strip that invites swiping.
Search blocks by description or jump to a page.
Horizontal Scrolling Features opens with a centered heading, a badge, and a short description, then shows a wide hero product image with an overlaid name badge and tagline. Below that, a pair of arrow buttons sits flush right, and beneath them a snap-scrolling row of feature cards extends beyond the viewport. Each card holds a photo, a colored icon badge pinned to the bottom of the image, a title, a short description, and a ghost button that fills on hover. The section closes with a two-column technical specifications table on the left and a "what's in the box" bullet list on the right, followed by a centered call-to-action with two buttons.
Every part of the block is independent. The feature cards are driven by an array, so you can add, remove, or reorder them freely. The specs table rows and box contents list are plain text, and the hero image and CTA copy are straightforward swaps. The badge and heading above the scroll rail, as well as the entire specs section, can be removed without affecting the scroll behavior.
This layout suits a product detail page where you need to walk buyers through a long feature list without stacking the page vertically. The scrolling rail keeps the section compact while letting each feature card breathe with its own photo. Compared to a static grid like Simple Feature Grid, this block handles six or more features comfortably and adds interactivity that slows the reader down. For an HR and hiring platform, it works well on a features landing page that showcases capabilities such as resume parsing, interview scheduling, and pipeline analytics, one card at a time.
A natural flow around it on an Ecommerce page:
Before
After
Each card in the scroll rail is fully replaceable, so you can point this block at any product with multiple distinct selling points:
Tip: keep each feature description to two sentences so every card stays the same height and the rail scrolls as a clean, even strip.