62:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 63:T6fa,

Lead Form turns your Framer site into a lead qualification machine. Build multi-step forms with radio buttons, dropdowns, sliders, and text inputs - then route submissions to your inbox, Slack, or any webhook.

Why Lead Form?

Multi-Step UX: Guide visitors through a clean, one-question-at-a-time flow that boosts completion rates.
Built-in Lead Scoring: Assign point values to answers and surface high-intent leads automatically.
Conditional Logic: Skip or jump to steps based on previous answers.
Zero Backend Required: Works out of the box - just pick a delivery method and go. No server setup needed.

Key Features

5 Input Types: Radio buttons, dropdowns, sliders, free text, and email.
Delivery Routing: Send submissions via Email, Slack incoming webhook, or a custom HTTP endpoint.
Lead Scoring: Assign points per answer and display scores on the thank-you screen or in delivery payloads.
Conditional Steps: Route users to different questions based on their answers.
Full Styling Control: Colors, fonts, border radius, progress bar style -- match any brand.

Quick Start

Open the Lead Form plugin and click Install Component.
Select the component and paste your License Key.
Choose a Delivery Method and enter the destination.
Customize questions, styling, and scoring in the properties panel.

64:T63d,

Hybrid Media Comparison is the ultimate Before/After slider for Framer. Unlike standard sliders, it seamlessly handles Images and Videos, offering a premium, interactive experience for showcasing renovations, retouching, color grading, or design iterations.

Key Features

Compare Image-to-Image, Image-to-Video, or Video-to-Video.
Unique "Play on Reveal" logic making video comparisons engaging and performant.
Control handle shape, icon type (arrows, chevron, dots), colors, and opacity.
Optional "Before/After" labels with customizable positioning, styling, and backdrop blur simulations.
Works perfectly on mobile, tablet, and desktop with smooth gestures.
Supports both Horizontal and Vertical comparison modes.

Usage

Copy & Paste the component URL onto your canvas.
Select your media type (Image or Video) for both sides.
Upload your assets or paste URLs.
Customize the Handle, Overlay, and Labels to match your brand.
Enable Hybrid Sync to autoplay videos only when interacting.

Customization Options

Handle: Square, Rounded, or Circle shapes. Custom icons.
Labels: Adjust text, font size, background opacity (using color alpha), and border.
Overlay: Add a subtle color overlay to the unrevealed side.

65:T915,

CMSSearch provides a native-feeling search input for Framer CMS collections. It works by generating a lightweight JSON index of your content, which is stored directly on the component. This allows for immediate search results and filtering without server-side latency.

Core Functions

Free Forever Version

Local Indexing: Search runs entirely in the browser using a pre-generated index.
Fuzzy Search: A self-contained matcher handles typos and approximate matches.
Styling Control: Full control over input borders, colors, shadows, and typography.

Pro Version

Tag Filtering: Map a CMS field to generate clickable filter tags.
Results Preview: Display content snippets alongside titles in the dropdown.
Premium Micro-interactions: Polished hover effects and smooth dropdown animations for a cohesive feel.

Quick Start

Open the CMSSearch plugin.
Click Insert Component to add the CMSSearch component to your page.
Select the inserted component, then choose the target CMS collection.
Click Generate Index to create the search data.
Configure appearance and specialized fields (Tags, Preview) in the properties panel.

Why is Manual Indexing Required?

Framer sites are statically optimized for performance, meaning your CMS database is not directly accessible to the browser at runtime.

CMSSearch bridges this gap by using the Framer Plugin API to safely read your collection at design time and create a search-optimized index. This enables:

Zero Latency: Search runs instantly without waiting for server requests.
Security: Only the data needed for search is exposed to the client.
Reliability: Works perfectly even on static hosting or flaky connections.

Note: You simply need to click "Generate Index" again whenever you add new or update content to your CMS.

66:T6b6,

Meridian isn't just a map wrapper – it's a dynamic location engine for your Framer site. While other plugins force you to manually place every pin or pay upfront, Meridian gives you powerful data tools and a generous Free Forever tier.

Why Meridian?

⚡ Dynamic Data (CMS-like): Stop manually dragging pins. Connect a Google Sheet and manage hundreds of locations instantly. Perfect for real estate, store locators, and travel guides.
💸 Free Forever Tier: We don't hide the map behind a paywall. Use the Light theme with full interactivity for free, forever.
🎨 Total Control: Don't settle for defaults. Rotate, tilt, and zoom with 3D controls. Use our 5 premium themes or bring your own custom Mapbox style.

Key Features

Google Sheets Connection: (Pro) Sync your markers from a spreadsheet. Update the sheet, and your map updates instantly.
3D Terrain & Buildings: (Pro) Unlock immersive 3D views with adjustable Pitch and Bearing controls.
5 Premium Themes: (Pro) Light, Dark, Outdoors, Satellite, and Custom.
Smart Auto-Zoom: The map automatically calculates the perfect viewport to fit all your markers.

Quick Start

Get a free public token from Mapbox.com.
Paste it into the Mapbox Token field in the right sidebar.
Add your markers or connect a Google Sheet!

67:T6f0,

Boost your SaaS conversions

PriceGrid gives you a polished, conversion-ready pricing section in minutes. Add as many plans as you need, write your features, pick your colors — the layout, spacing, and price sizing adapt automatically to any container width.

Key Features:

A built-in Monthly/Yearly switch updates prices instantly. No complex component variants or variables required.
Subscription and fixed price options. Price ranges.
Choose how prices transition: Count Up, Scale, Fade, or None. Powered by framer-motion for buttery smooth performance.
Automatically scales and highlights your preferred plan with a custom badge and border to drive focus to your main tier.
Match your brand instantly. Customize primary colors, backgrounds, fonts, and button styles directly from the property panel.
The grid automatically adapts from a clean multi-column layout on desktop to a stacked, touch-friendly layout on mobile.
100% client-side and privacy-friendly. Works instantly on any static host, with no setup or third-party services.
Accessibility built in. Respects your visitor's "Reduce motion" setting and disables non-essential animation automatically.

Perfect for:

SaaS Landing Pages
Membership Sites
Online Courses
Agency Service Packages

How to use: Simply drag PriceGrid onto your canvas. Edit your plans, prices, and features in the sidebar list. The component handles all the responsiveness and interaction logic automatically. No coding required.

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26-all:/unified/creator/d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26/activity/":[{"data":[{"id":"01a03951-43cb-737b-9b37-557e8ca0a724","type":"creator.followed","target":{"type":"creator","id":"5d7eca20-28f7-46cf-ac8e-34f17b5b110f","preview":"Shreyansh Shrivastava","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5d7eca20-28f7-46cf-ac8e-34f17b5b110f/04r0lext","slug":"shreyansh-shrivastava-79x3db","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","slug":"code-perfect","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-25T14:27:02.210Z","latestAt":"2026-08-25T14:27:02.210Z"},{"id":"01a03951-41e8-7249-8c01-b218c409b6a7","type":"creator.followed","target":{"type":"creator","id":"81cfbb44-5c95-4a84-882c-714f9c9abacb","preview":"Shuvo","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/81cfbb44-5c95-4a84-882c-714f9c9abacb/06bhx0kj","slug":"shuvo","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","slug":"code-perfect","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-25T14:27:01.682Z","latestAt":"2026-08-25T14:27:01.682Z"},{"id":"01a03951-3e3f-774e-8aee-16c6f65c8cc0","type":"creator.followed","target":{"type":"creator","id":"098f851d-7107-4ac6-b752-308ee8b2a077","preview":"Dakota Johnnic","previewJson":null,"thumbnail":null,"slug":"dak0ster","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","slug":"code-perfect","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-25T14:27:00.794Z","latestAt":"2026-08-25T14:27:00.794Z"},{"id":"01a03951-2c2a-77be-8dc0-63834448f215","type":"creator.followed","target":{"type":"creator","id":"bd056727-646e-4926-8cd9-8101d180670f","preview":"WORKSHOP99","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1359715/54g3r-1h1-3kuiEvOfgNtg4oiAQUDlCkmgVsbwMT","slug":"workshop99","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","slug":"code-perfect","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-25T14:26:56.161Z","latestAt":"2026-08-25T14:26:56.161Z"},{"id":"01a03951-2904-76de-9151-42550bcbe7a6","type":"creator.followed","target":{"type":"creator","id":"e0222182-3d74-4d56-b2d9-eba289a28fa5","preview":"Andres","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e0222182-3d74-4d56-b2d9-eba289a28fa5/ubt5ticx","slug":"andres-jimmy","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","slug":"code-perfect","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-25T14:26:55.360Z","latestAt":"2026-08-25T14:26:55.360Z"},{"id":"01a03951-26b4-7234-aa48-42fab28f5d24","type":"creator.followed","target":{"type":"creator","id":"09bc3e24-752b-4a1b-97c2-ab8d755f63b8","preview":"Tauhid Hasan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/09bc3e24-752b-4a1b-97c2-ab8d755f63b8/4taurhlo","slug":"tauhiduiux","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","slug":"code-perfect","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-25T14:26:54.764Z","latestAt":"2026-08-25T14:26:54.764Z"},{"id":"019fa627-d08f-74ae-b67d-f73ffea73b09","type":"creator.followed","target":{"type":"creator","id":"284a6788-32de-4c5c-ae1e-dbce520404ec","preview":"Shawnee Wright","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1159017/avatar-wF7IXC1waagUGGGYTTdtr1g4BQB2lQ.jpg","slug":"shawnee-wright","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","slug":"code-perfect","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-28T00:37:34.943Z","latestAt":"2026-07-28T00:37:34.943Z"},{"id":"019fa627-c8a8-7286-b283-942351f00fd3","type":"creator.followed","target":{"type":"creator","id":"23af4f7c-bcc0-44bf-b2a1-0c62d31037de","preview":"Richa Jha","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/23af4f7c-bcc0-44bf-b2a1-0c62d31037de/p416zv2h","slug":"richa-jha","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","slug":"code-perfect","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-28T00:37:32.961Z","latestAt":"2026-07-28T00:37:32.961Z"},{"id":"019fa627-c6ce-74ef-8cda-b2e820265b34","type":"creator.followed","target":{"type":"creator","id":"794b13f2-c2fb-43c2-aa24-1244e20e014c","preview":"Nasir Nawaz","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/794b13f2-c2fb-43c2-aa24-1244e20e014c/4fvorgq4","slug":"nasir-nawaz","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","slug":"code-perfect","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-28T00:37:32.486Z","latestAt":"2026-07-28T00:37:32.486Z"},{"id":"019fa627-c3aa-76d3-9909-a29b38f402ca","type":"creator.followed","target":{"type":"creator","id":"e602b3af-2cca-4f73-972b-6810f421796b","preview":"Felix Clausen","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e602b3af-2cca-4f73-972b-6810f421796b/az5k9ivh","slug":"felixclausen","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","slug":"code-perfect","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-28T00:37:31.676Z","latestAt":"2026-07-28T00:37:31.676Z"},{"id":"019fa627-c0c2-77d1-93b5-995f3a3348a3","type":"creator.followed","target":{"type":"creator","id":"032f8ef6-37dc-49aa-a327-25662d92c5d7","preview":"Fizi Lee","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/032f8ef6-37dc-49aa-a327-25662d92c5d7/rcp4q9t2","slug":"leenguyen","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","slug":"code-perfect","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-28T00:37:30.943Z","latestAt":"2026-07-28T00:37:30.943Z"},{"id":"019f9174-51b9-774f-a86d-cc9dfb9601f3","type":"creator.followed","target":{"type":"creator","id":"a95fda04-e4bb-488b-91f8-34e3a1f52287","preview":"ValleyDev","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a95fda04-e4bb-488b-91f8-34e3a1f52287/7h6nu0d1","slug":"valleydev-h0whfd","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","slug":"code-perfect","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-24T00:09:07.252Z","latestAt":"2026-07-24T00:09:07.252Z"},{"id":"019f7ac2-4968-707d-bc86-0e919615214e","type":"comment.reply","target":{"type":"post","id":"019b34d7-abc8-71eb-b894-e9575be121b6","preview":"CMS Search","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/668-SVbTiCYCiJkH3aKi114H43mDSeo56G","targetDeleted":false,"owned":true,"actions":{"postId":"019b34d7-abc8-71eb-b894-e9575be121b6","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f7ac2-4953-7036-b86e-aac1f4e13c9a","preview":"Yes, this is actually something we added recently. Select multiple collections in the plugin and click \"Generate Merged Index.\" They're combined into one index that a single search input queries, with each result linking to its own collection's page (plus an optional source badge). It's included in the free version.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Yes, this is actually something we added recently. Select multiple collections in the plugin and click \"Generate Merged Index.\" They're combined into one index that a single search input queries, with each result linking to its own collection's page (plus an optional source badge). It's included in the free version."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019b34d7-abc8-71eb-b894-e9575be121b6","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019ef269-7b02-70e5-975c-ca069110db70"},"repost":null}},"actors":[{"id":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","slug":"code-perfect","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-19T14:23:00.968Z","latestAt":"2026-07-19T14:23:00.968Z"},{"id":"019f7abd-fa00-70f8-b7a7-bc785297df62","type":"creator.followed","target":{"type":"creator","id":"10babd35-5d65-432b-a937-0d364862def7","preview":"Template Munk","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/987138/avatar-ab5H26kGpYaOYuIhN5LyueDxmZncxB.jpg","slug":"template-munk","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","slug":"code-perfect","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-19T14:18:18.489Z","latestAt":"2026-07-19T14:18:18.489Z"},{"id":"019f7abd-f2b0-757d-a858-f5db4ce7b133","type":"creator.followed","target":{"type":"creator","id":"58ba425b-1e92-44ed-a6e4-f8ce0c7a9d06","preview":"Hasan Mahmud","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/58ba425b-1e92-44ed-a6e4-f8ce0c7a9d06/y93myy2h","slug":"hasan-mahmud","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","slug":"code-perfect","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-19T14:18:16.610Z","latestAt":"2026-07-19T14:18:16.610Z"},{"id":"019f7abd-f0bb-70df-bff2-4962f71860c9","type":"creator.followed","target":{"type":"creator","id":"8a45159b-4e04-4c69-959a-a82bac252c4b","preview":"Flowgen Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8a45159b-4e04-4c69-959a-a82bac252c4b/md2qmufb","slug":"flowgen-studio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","slug":"code-perfect","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-19T14:18:16.095Z","latestAt":"2026-07-19T14:18:16.095Z"},{"id":"019f7abd-ee23-779a-942c-b68eead9d4b2","type":"creator.followed","target":{"type":"creator","id":"4646fd31-4eba-4c42-8e8e-68ef4f848fd8","preview":"Peush Jha","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31194/avatar-4WafpCV2BWeCAJi7rkY7GjMf7YwL8z.jpg","slug":"peush-jha","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","slug":"code-perfect","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-19T14:18:15.448Z","latestAt":"2026-07-19T14:18:15.448Z"},{"id":"019f6d23-98da-754f-8011-32afe786bab6","type":"creator.followed","target":{"type":"creator","id":"6ff5cb46-0702-479b-921e-a15c5d5bae3c","preview":"d8d GmbH","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/686998/avatar-JSq1s7QQPdyo4AyRcRcJ6WikpgEH2r.jpg","slug":"d8d-gmbh","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","slug":"code-perfect","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-16T22:54:37.270Z","latestAt":"2026-07-16T22:54:37.270Z"},{"id":"019f6d23-93a4-731c-b720-0fb6b9c732aa","type":"creator.followed","target":{"type":"creator","id":"8547f9b6-cb91-4598-8d82-da320be55ee7","preview":"Iqtidar Tara","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8547f9b6-cb91-4598-8d82-da320be55ee7/2wcpfxw4","slug":"iqtidar-hussain","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","slug":"code-perfect","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-16T22:54:35.934Z","latestAt":"2026-07-16T22:54:35.934Z"},{"id":"019f67dd-279d-70b7-9afc-04ae5c0f4117","type":"creator.followed","target":{"type":"creator","id":"d6988df4-f290-48ec-96d4-1b489a40776a","preview":"Turab Ali","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1860967/avatar-wgqU7tZqT4PDJfyeuhMGmG0C3yzmJS.jpg","slug":"ali-hussain-turabi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","slug":"code-perfect","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-15T22:19:34.680Z","latestAt":"2026-07-15T22:19:34.680Z"}],"pagination":{"next":"MjAyNi0wNy0xNVQyMjoxOTozNC42ODBafDAxOWY2N2RkLTI3OWQtNzBiNy05YWZjLTA0YWU1YzBmNDExNw","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26:/unified/posts/?creator=d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26&with=reposts":[{"data":[{"id":"019fa4ef-61fa-7289-aadb-1e8f44712cee","title":null,"body":"

PriceGrid just got an update. The responsive pricing table for Framer now runs fully client-side - faster loads, no third-party requests - and respects your visitors' "Reduce motion" setting for accessibility. Monthly/yearly toggle, animated prices, and full styling control from the properties panel. Now $9.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"PriceGrid just got an update. The responsive pricing table for Framer now runs fully client-side - faster loads, no third-party requests - and respects your visitors' \"Reduce motion\" setting for accessibility. Monthly/yearly toggle, animated prices, and full styling control from the properties panel. Now $9."}]}]},"author":{"framerUserId":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","slug":"code-perfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26/019fa4ee-f918-7358-9248-514f2028a891.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1659,"height":1066}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-27T18:56:19.461Z","updatedAt":"2026-07-27T18:56:19.461Z"},{"id":"019c8ba7-bca1-7d60-acde-fc88de77a66a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","slug":"code-perfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"813","resolved":true,"title":"Lead Form","body":"$63","bodyJson":null,"introduction":"Score. Route. Convert.","slug":"lead-form","author":{"framerUserId":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","slug":"code-perfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/813-QMXImzD0kiIa2beghqAvLmS6bp6tcl","metadata":{"tint":{"h":5,"s":93,"l":30},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/813-fNMhzuA7QKcx4rAr63zR15LIy4h0HQ","metadata":{"tint":{"h":5,"s":93,"l":30},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-22T19:43:46.824Z","updatedAt":"2026-02-23T17:41:22.786Z","publishedAt":"2026-02-23T17:59:11.777Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"czjakjqm447e9hh7yjqu2e4ji","paid":true,"categories":[{"id":"3fc802d9-7527-48e0-9403-c9bd534ab520","name":"Utilities","slug":"utilities"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-23T17:59:11.777Z","updatedAt":"2026-02-23T17:59:11.777Z"},{"id":"019bb29c-e062-7191-9ced-fb48609c0446","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","slug":"code-perfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"shVzxjJDlH0hci7eqxC6","resolved":true,"title":"Hybrid Media Slider","body":"$64","bodyJson":null,"introduction":"The universal comparison tool for images","slug":"hybrid-media-slider","author":{"framerUserId":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","slug":"code-perfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/shVzxjJDlH0hci7eqxC6/hybrid-media-slider-oKV8hKGdCUgfE9IBhj5ScWrq7Xud4I","metadata":{"tint":{"h":240,"s":26,"l":65},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-20T04:59:24.320Z","updatedAt":"2026-02-13T02:06:54.345Z","publishedAt":"2026-01-12T14:29:44.162Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://hybrid-comparison.framer.website","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_1qzU42kEUTZlKfdYzGjAw2tSTVmF6KHRT43zs1V8ACS","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"RuGzRlzmrJ47HzgeRTpI","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-12T14:29:44.162Z","updatedAt":"2026-01-12T14:29:44.162Z"},{"id":"019b34d7-abc8-71eb-b894-e9575be121b6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","slug":"code-perfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"668","resolved":true,"title":"CMS Search","body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"CMSSearch","marks":[{"type":"bold"}]},{"type":"text","text":" provides a native-feeling search input for Framer CMS collections. It works by generating a lightweight JSON index of your content, which is stored directly on the component. This allows for immediate search results and filtering without server-side latency."}]},{"type":"customHeading","content":[{"type":"text","text":"Core Functions"}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Free Forever Version"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Local Indexing:","marks":[{"type":"bold"}]},{"type":"text","text":" Search runs entirely in the browser using a pre-generated index."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fuzzy Search:","marks":[{"type":"bold"}]},{"type":"text","text":" A self-contained matcher handles typos and approximate matches."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Styling Control:","marks":[{"type":"bold"}]},{"type":"text","text":" Full control over input borders, colors, shadows, and typography."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Pro Version"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tag Filtering:","marks":[{"type":"bold"}]},{"type":"text","text":" Map a CMS field to generate clickable filter tags."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Results Preview:","marks":[{"type":"bold"}]},{"type":"text","text":" Display content snippets alongside titles in the dropdown."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Premium Micro-interactions:","marks":[{"type":"bold"}]},{"type":"text","text":" Polished hover effects and smooth dropdown animations for a cohesive feel."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Quick Start"}],"attrs":{"level":1}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Open the "},{"type":"text","text":"CMSSearch","marks":[{"type":"bold"}]},{"type":"text","text":" plugin."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click "},{"type":"text","text":"Insert Component","marks":[{"type":"bold"}]},{"type":"text","text":" to add the CMSSearch component to your page."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Select the inserted component, then choose the target CMS collection."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click "},{"type":"text","text":"Generate Index","marks":[{"type":"bold"}]},{"type":"text","text":" to create the search data."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Configure appearance and specialized fields (Tags, Preview) in the properties panel."}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Why is Manual Indexing Required?"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Framer sites are statically optimized for performance, meaning your CMS database is not directly accessible to the browser at runtime."}]},{"type":"paragraph","content":[{"type":"text","text":"CMSSearch","marks":[{"type":"bold"}]},{"type":"text","text":" bridges this gap by using the Framer Plugin API to safely read your collection at design time and create a search-optimized index. This enables:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zero Latency:","marks":[{"type":"bold"}]},{"type":"text","text":" Search runs instantly without waiting for server requests."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Security:","marks":[{"type":"bold"}]},{"type":"text","text":" Only the data needed for search is exposed to the client."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reliability:","marks":[{"type":"bold"}]},{"type":"text","text":" Works perfectly even on static hosting or flaky connections."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Note: You simply need to click \"Generate Index\" again whenever you add new or update content to your CMS.","marks":[{"type":"italic"}]}]}]},"introduction":"Client-Side CMS Search","slug":"cms-search","author":{"framerUserId":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","slug":"code-perfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/668-SVbTiCYCiJkH3aKi114H43mDSeo56G","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/668-VBaLOjxFETAUOMSaxEgBn0K1l3bthF","metadata":{"tint":{"h":180,"s":53,"l":42},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-15T01:04:17.781Z","updatedAt":"2026-07-18T14:48:41.716Z","publishedAt":"2026-07-18T14:48:41.710Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"27u4sv352lrj6vv5zgoz1kqx6","paid":true,"categories":[{"id":"1ad3e7b2-bc61-42ce-b01a-7c8bb2278f1a","name":"CMS","slug":"cms"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-19T04:21:48.104Z","updatedAt":"2025-12-19T04:21:48.104Z"},{"id":"019b22a3-c3d4-7acc-81bf-2cbe947a21f2","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","slug":"code-perfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"648","resolved":true,"title":"Meridian","body":"$66","bodyJson":null,"introduction":"Maps with Google Sheets Sync","slug":"meridian","author":{"framerUserId":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","slug":"code-perfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/648-gb0t50mMZyjctTISWENRR4HkNfeymV","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/648-E0rx1plY9kfWHt6tsU9XEtfeBUEgzZ","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-07T17:15:05.423Z","updatedAt":"2025-12-13T01:06:26.504Z","publishedAt":"2025-12-15T15:31:56.500Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"c40uxr86937y7yl2rwdyusu8i","paid":true,"categories":[{"id":"1ad3e7b2-bc61-42ce-b01a-7c8bb2278f1a","name":"CMS","slug":"cms"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-15T15:31:56.500Z","updatedAt":"2025-12-15T15:31:56.500Z"},{"id":"019aea1c-b5ff-7c4a-9480-ea4549da82cb","title":null,"body":"

Updated PriceGrid - responsive pricing table with a monthly/yearly toggle and animated prices, now fully client-side with reduced-motion support built in.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Updated PriceGrid - responsive pricing table with a monthly/yearly toggle and animated prices, now fully client-side with reduced-motion support built in."}]}]},"author":{"framerUserId":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","slug":"code-perfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"i2Fdsy1ey85qZcORPXMP","resolved":true,"title":"PriceGrid","body":"$67","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Boost your SaaS conversions","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"PriceGrid gives you a polished, conversion-ready pricing section in minutes. Add as many plans as you need, write your features, pick your colors — the layout, spacing, and price sizing adapt automatically to any container width."}]},{"type":"paragraph","content":[{"type":"text","text":"Key Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A built-in Monthly/Yearly switch updates prices instantly. No complex component variants or variables required."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Subscription and fixed price options. Price ranges."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose how prices transition: Count Up, Scale, Fade, or None. Powered by framer-motion for buttery smooth performance."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatically scales and highlights your preferred plan with a custom badge and border to drive focus to your main tier."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Match your brand instantly. Customize primary colors, backgrounds, fonts, and button styles directly from the property panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The grid automatically adapts from a clean multi-column layout on desktop to a stacked, touch-friendly layout on mobile."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"100% client-side and privacy-friendly. Works instantly on any static host, with no setup or third-party services."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Accessibility built in. Respects your visitor's \"Reduce motion\" setting and disables non-essential animation automatically."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS Landing Pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Membership Sites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Online Courses"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Agency Service Packages"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]},{"type":"text","text":": Simply drag PriceGrid onto your canvas. Edit your plans, prices, and features in the sidebar list. The component handles all the responsiveness and interaction logic automatically. No coding required."}]}]},"introduction":"Responsive Pricing Table","slug":"pricegrid","author":{"framerUserId":"d95cfc43-69c3-4ff4-ac0a-76a13cfd5d26","name":"CodePerfect","slug":"code-perfect","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1390421/avatar-6rFGKMnHu9nxku5dQctcxcF3mSQq7i.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/i2Fdsy1ey85qZcORPXMP/pricegrid-QyIQGEBNMhmV1ODnyxc0pwu6SkMYQU","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-28T23:01:09.459Z","updatedAt":"2026-07-19T15:54:34.813Z","publishedAt":"2025-12-04T16:05:41.503Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://pricegrid.framer.website/","price":"9","paymentUrl":"https://buy.polar.sh/polar_cl_3Mm0guOInTvAGNxbWgrejdLvRTWCBOQGxJf3S3vRFxh","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"PS1qfgGx52VNdNXjF9vD","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-19T15:38:14.722Z","createdAt":"2025-12-04T16:05:41.503Z","updatedAt":"2026-07-19T15:38:14.722Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L68"}]