Alternating Features (Zigzag)

features

Image and text alternate sides as visitors scroll — the storytelling layout for walking through your three or four flagship capabilities.

Lighthouse 90+ WCAG AA Mobile-First Semantic HTML Tailwind CSS Free Forever
Use this block

Free to use — build your site, publish when ready.

Screenshot of Features Alternating template

Live preview

The zigzag is how you tell a product story: each feature gets a full row, a real screenshot, and enough text to explain the benefit — with sides alternating to keep the scroll rhythmic. It converts best with three or four flagship capabilities, each illustrated honestly.

Images are optimized automatically (responsive sizes, lazy-loading) and each row is an independent, editable element in the Communik builder: reorder rows, swap sides or add one without breaking the rhythm.

Open with a strong hero and let a features grid catch the long tail of smaller capabilities.

Frequently Asked Questions

Everything you need to know about our templates

How many rows should the zigzag have?
Three or four. Beyond that, scrolling fatigue sets in — move the remaining features to a compact grid below.
What images work best?
Real product screenshots at natural scale beat abstract illustrations: they build trust and show exactly what buyers get.
Can I reorder the rows?
Yes — each row is an independent element: drag to reorder, the alternation adjusts automatically.

More blocks in this category

Discover more templates and resources

Trusted by thousands of websites worldwide

1,230+

Templates

31

Feature Modules

97

Design Variants

90+

Lighthouse Score

WCAG AA Accessible Mobile-First Semantic HTML Tailwind CSS

Start Building for Free

Create your website in minutes with our drag-and-drop builder.

Free forever. No credit card required.