---
title: "CMS Props Sync — Free Framer plugin · Best of Framer"
description: "Free Framer plugin · by Safe Net · CMS. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/plugin/cms-props-sync"
---

[Home](/)/[Plugins](/plugins)/[CMS](/plugins/category/cms)/CMS Props Sync

# CMS Props Sync

One-click CMS to component

[View on Framer](https://framer.com/marketplace/plugins/cms-props-sync/?via=elliot-li)

![CMS Props Sync preview image 1](https://framer.elliotli.dev/og/plugin/cms-props-sync/a52da396f0e3937c/1600x1200.jpg)

## Summary

One-click CMS to component

## Description

## How it works

1\. Select a CMS collection and the fields you want

2\. Select a target Code Component and its property

3\. Click **Sync Now**

The plugin reads CMS items, compresses with gzip, encodes as a base64 data URL, and injects into the component's control property via setAttributes().

Click **Publish** in the editor to go live.

## Features

\- **Gzip compression** via native CompressionStream (zero dependencies, ~65% size reduction)

\- **Settings persistence** across sessions via pluginData

\- **Preview** before syncing — shows item count, titles, skipped items with reasons

\- **Undo** last sync — session-level, instant restore

\- **Change detection** on plugin open (hash comparison)

\- **Size guard** — warns at 1 MB, refuses at 2 MB

\- **Accessible** — labels, aria-live regions, keyboard navigation

## Decoder

Your Code Component needs a ~15-line decoder function to read the data URL. It decodes base64, auto-detects gzip via MIME type and magic bytes, and decompresses using the native DecompressionStream API. Handles both gzip and plain JSON automatically.

## Use cases

Works with any Framer CMS-to-component pattern: maps, product grids, event listings, portfolios, directories — any Code Component that consumes structured data.

## Privacy

No third-party services, no analytics, no telemetry. Uses Framer Plugin SDK only.

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

-   All · #633

## Details

- **Author**: Safe Net
- **Published**: 2026-04-27
- **Updated**: 2026-10-12
- **Added**: 2026-03-12
- **Categories**: CMS

## More across types

-   [Bend Video Carousel](/component/bend-video-carousel) — Axis Supply · $15 — Bend Video Carousel is an interactive video carousel for Framer that combines smooth movement with a curved, dimensional layout.
-   [CMS Archway Video](/component/cms-archway-video) — Axis Supply · Free — CMS Archway Video is a cinematic video carousel for Framer that combines continuously moving video cards with a distinctive arched shape.
-   [Reveal Nav CMS](/component/reveal-nav-cms) — TOC Studio · Free — CMS-connected hover nav menu

## More like this

-   [Savepoint](/plugin/savepoint) — Syauqizaidan Khairan Khalaf · Free — Undo for your Framer CMS
-   [Store Locator](/plugin/store-locator) — Framefic · Free — Interactive Maps, Nearby Stores
-   [FlowSlider Pro](/plugin/flowslider-pro) — Junseo Ham · Free — CMS Slider & Carousel Engine
-   [CMS Video Downloader](/plugin/cms-video-downloader) — Builders Hub · Free — Download CMS Videos