Blog Post Builder — Editorial Photo Blog Layouts

Blog Post Builder turns your Framer CMS into a visual editorial publishing tool. Designed for photographers, creatives, and content-driven sites that need more than a basic image grid.

How it works

Drop your images into the editor, choose a layout pattern, and publish directly to any CMS collection. The included Story Builder component renders your layouts live on your published site — no code required.

Free layouts Full Bleed, Side by Side, Feature + Detail, and Trio. Publish up to 3 unique CMS items.

Pro layouts Offset Grid, Asymmetric Trio, Cinematic Strip, Scattered, Overlap, and Sticky Scroll. Unlimited publishing.

Features

• Drag-and-drop image upload with bulk support

• Canvas and list view editing modes

• Per-image alt text for accessibility and SEO

• Shuffle button to randomize layouts, spacing, and image order

• Adjustable gap, border radius, and max image height

• Pin images as sticky scroll elements

• Publish and unpublish directly to CMS

• Edit existing published posts anytime

• Story Builder component with Unusual Wins metadata

SetupMap a String field in your CMS for layout data, install the Story Builder component, and connect its Layout JSON prop to that field.

Full setup takes under 2 minutes.