# Features

> Feature grids, bento layouts and benefit lists.

- [Horizontal Scroll Showcase](https://www.assembli.design/components/horizontal-scroll-showcase.md): Scrollytelling section: vertical scroll drives a pinned horizontal track. Panels slide sideways while their art drifts at a different speed, with a live step counter and progress bar.
- [Autoplay Feature Tabs](https://www.assembli.design/components/feature-tabs-autoplay.md): Tabbed product showcase whose tabs advance on their own, each with a progress bar that fills while its visual is on screen. Hovering or focusing pauses; clicking jumps. Tabs become a scrollable strip on small screens.
- [Hairline Feature Grid](https://www.assembli.design/components/feature-hairline-grid.md): Engineering-style feature grid divided by 1px rules with plus marks at the intersections. Each cell has an icon, title and copy; hovering lights the cell with a soft radial wash. No JavaScript.
- [Old Way vs New Way](https://www.assembli.design/components/feature-old-vs-new.md): Before/after feature comparison: a muted column of struck-through pain points beside a highlighted column of wins. A switch flips focus between the two on small screens; side by side on large ones.
- [Shortcut Feature Grid](https://www.assembli.design/components/feature-shortcut-grid.md): Feature cards that each own a keyboard shortcut. Press the keys and the matching card lights up and its keycaps press down; hover does the same. Made for keyboard-first products.
- [Stacking Feature Cards](https://www.assembli.design/components/feature-stack-scroll.md): Full-width feature cards that pin as you scroll and stack on top of each other; cards underneath shrink and dim so the deck reads as depth.
- [Zigzag Feature Rows](https://www.assembli.design/components/feature-zigzag.md): Alternating copy and visual rows with eyebrow, headline, checklist and link. Each row slides in from its own side as it enters the viewport.
- [Expanding Panels](https://www.assembli.design/components/expanding-panels.md): Row of tall art panels where the hovered, focused or tapped one springs open to reveal its story while the rest collapse to vertical labels. Stacks vertically on small screens. A bold feature showcase.
- [Integration Orbit](https://www.assembli.design/components/integration-orbit.md): Integrations hub where tool icons orbit a central logo on concentric rings at different speeds, counter-rotating to stay upright. Pure CSS: hover pauses the system, reduced motion stops it.
- [Sticky Feature Scroll](https://www.assembli.design/components/sticky-feature-scroll.md): Scrollytelling features: copy blocks scroll past on one side while a pinned panel cross-fades (with blur) to the visual for whichever step is centered. Falls back to inline visuals on mobile.
- [Bento Features](https://www.assembli.design/components/bento-features.md): Responsive bento grid for feature overviews with wide and tall cards, icons and optional per-card visuals.

Back to [all components](https://www.assembli.design/components.md).