---
title: "Blog Post Builder — Free Framer plugin · Best of Framer"
description: "Free Framer plugin · by Tijerina · Libraries. Blog Post Builder turns your Framer CMS into a visual editorial publishing tool."
canonical: "https://framer.elliotli.dev/plugin/blog-post-builder"
---

[Home](/)/[Plugins](/plugins)/[Libraries](/plugins/category/libraries)/Blog Post Builder

# Blog Post Builder

Editorial Photo Blog Layouts

[View on Framer](https://framer.com/marketplace/plugins/blog-post-builder/?via=elliot-li)

![Blog Post Builder preview image 1](https://framer.elliotli.dev/og/plugin/blog-post-builder/49892536d8643158/1600x1200.jpg)

## Summary

Blog Post Builder turns your Framer CMS into a visual editorial publishing tool.

## Description

**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
    

**Setup**Map 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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #499

## Details

- **Author**: Tijerina
- **Published**: 2026-02-16
- **Updated**: 2026-02-12
- **Added**: 2026-02-12
- **Categories**: Libraries

## More like this

-   [FramerKit](/plugin/framerkit) — Pavel Golichenko · Free — Build Websites Faster with FramerKit Everything you need to build websites in Framer.
-   [FAQ & HelpDesk](/plugin/plumspace-faq) — PlumSpace · Free — Accordion FAQ Page for Help Center
-   [Joy2Move Exercise Library](/plugin/joy2move-exercise-library) — Andrei Gheorghiu · Free — Add home exercise video demos
-   [Liniqo](/plugin/liniqo) — Abdullah Noman · Free — 2,600+ isometric illustrations