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:T722,

Context Picker

Framer's native AI agent can see what you've selected on the canvas, using its built in select tool. External agents like Claude Code, Cursor, and Codex don't get that. They only see plain text, so prompts like "make this headline red" leave them guessing which node "this" actually is.

Context Picker closes that gap. Select any layer on the canvas or in the layer sidebar, and it instantly copies a compact JSON payload describing that selection: node ID, name, and the surrounding scope (web page, design page, or component). Paste it straight into your external agent's prompt for precise, unambiguous edits.

What gets copied

Node ID and name of the selected layer
Scope type and ID, whether you're on a web page, design page, or inside a component
URL path, when the scope is a real website page
Replica metadata (original node ID), when the selection is a variant or inherited component layer

How to use it

Open Context Picker
Select any layer on the canvas or sidebar
The JSON is copied automatically, no extra click
Paste it into your external agent's prompt
Need an earlier selection? Recent picks are saved and one click away

Why it matters

If you're driving Framer edits from an external coding agent like Claude Code, Cursor, or Codex, the agent is flying blind without canvas context. Context Picker gives it the same precision Framer's native agent has with its select tool, so instead of vague prompts and trial and error edits, you can say exactly which node to touch and watch it land correctly the first time.

Free and open source.

64:T8a2,

3Drop is the fastest way to bring 3D into your Framer projects. Turn images into AI-generated 3D models, or any SVG into 3D for free.

Upload an image, generate a production-ready 3D model with AI, and drop it straight onto your canvas. No 3D software. No export pipelines. No technical overhead.

Multiple 3D AI models, one plugin

Choose from a curated set of powerful generation engines including Tripo, Hunyuan, Meshy, Rodin, and Trellis. Single photo or multiple reference angles, 3Drop gives you the right tool for the job. Every model comes back fully textured and ready to use.

SVG to 3D. Free. Forever

Drop any SVG into 3Drop and get back a fully 3D extruded model in seconds. Keep the original fill colors, adjust depth, metalness, and roughness, then add it straight to your Framer canvas. Your logo, your icons, your illustrations. All in 3D. No credits needed, no strings attached.

Web-ready from the start

Every generated model is automatically compressed and optimized the moment it's created. You get beautiful 3D that actually performs in live Framer projects, without touching a single export setting.

Drop it on the canvas, use it live

Models land on your canvas as native Framer code component instances. They're interactive, they're live, and they work exactly like anything else you'd build in Framer.

Preview any model in the built-in 3D viewer before you commit
Orbit, inspect, then insert with one click
Your full generation history lives inside the plugin, come back to any model anytime
Re-insert, download the GLB, or drag straight onto the canvas whenever you need it

Already have 3D assets?

The built-in GLB optimizer lets you upload any existing model and get back a compressed, web-ready version. Useful far beyond AI generation.

Simple, honest pricing

No subscription. Ever. Buy credit packs when you need them and use them at your own pace. Every new account starts with 10 free credits so you can see what 3Drop can do before spending a thing.

3D used to be a specialist skill. Now it's a Framer plugin.

65:T621,

Make your Framer site feel as good as it looks

Web Haptics brings tactile feedback to your Framer projects on mobile. Free to use, invisible on canvas, and dead simple to set up. Works on iOS and Android, triggered on tap.

Setup

Drop it into any layer. Tap that layer on mobile. Feel it.

Preset mode

12 built-in haptic presets for common interactions. Success and Error for feedback moments. Light, Medium, Heavy for intensity. Buzz, Rigid, Nudge for character. Pick one and you're done.

Custom mode

Build your own vibration pattern step by step. Set duration, intensity, and delay for each step using the no-code controls. Or switch to Code mode and paste any pattern directly from haptics.lochie.me.

Note

Haptic feedback is triggered by tap only. It cannot be triggered on any other interaction. Desktop browsers do not support haptics, but enabling "Play Sound" in the component settings lets you test feedback during design.

Watch the video

66:Te3f,

Why Offload?

Every new visitor downloads your heavy assets from Framer and it counts against your bandwidth. Offload moves those assets to its own infrastructure so your Framer meter barely moves. Real users see 90% less bandwidth usage after switching.

Trusted by 300+ Framer builders. 2 TB+ of bandwidth saved every month.

🌐 Learn more

Reduce Framer bandwidth once and for all

How It Works

No technical setup. No workflow changes. Upload from your computer, pick assets from the canvas, offload CMS collections, or scan any live URL to find your heaviest files. Everything runs inside Framer. Drag, drop, optimize, insert, done.

Key Features

Auto WebP Conversion — JPEG and PNG files auto-convert to WebP on upload. 50–90% smaller files, zero extra work.
Responsive Image Optimization — Auto-generates tablet (1200px) and mobile (720px) variants with srcSet support. Visitors always download the right-sized file.
In-Framer Video Compression — Compress videos directly in Framer. Pick resolution (480p–2880p), adjust quality, strip audio, generate poster frames. No server upload needed.
CMS Offloading — Offload images and videos from entire Framer CMS collections in bulk. Auto-creates organized folders per collection with full WebP and responsive variant support.
Site URL Scanner — Paste any live Framer site URL to detect and rank heavy assets by size and bandwidth impact. One-click offload per asset with estimated savings.
Folders & Asset Management — Search, sort, drag between folders, batch upload, bulk delete. Your complete media library inside Framer.
Canvas & Batch Upload — Select one or more assets on the Framer canvas and offload in one click, or drop files from your computer onto any folder.
One-Click Insertion — Insert optimized assets (including tablet and mobile variants) straight back into your Framer canvas.
Bandwidth Savings Calculator — See real-time cost savings and track usage across projects.
Global CDN Delivery — Fast worldwide load times via Cloudflare's edge network.

Who Is Offload For?

Framer designers hitting bandwidth limits. Agencies managing multiple client sites with heavy video content. Solo creators building image-rich portfolios. Anyone getting bandwidth overage emails from Framer or trying to avoid upgrading to a higher Framer plan.

Offload scales from a single freelance site to a full agency workflow.

Pricing

All plans include unlimited bandwidth. You only pay for storage.

Starter (Free) — 250MB storage, 25 assets, 1 project
Creator — 5GB storage, unlimited assets, 10 projects
Studio — 50GB storage, unlimited assets, unlimited projects
Agency — 200GB storage, unlimited assets, unlimited projects

Start free and upgrade anytime.

67:T4a9,

A high-quality 3D laptop mockup designed for designers, agencies, and product teams who want to showcase their work in style. This Framer component combines stunning visuals with practical functionality, and at just 23kb for the 3D model, it's incredibly optimized for fast web performance.

What It Does:

Show embeds, videos or images on the laptop screen
Make it interactive: follows your mouse, floats in place, or closes as you scroll
Add your own stickers and logos to brand it
Change colors and materials to match your style
Adjust lighting to get the perfect look
Move the camera angle and zoom to your preference
Smooth 3D graphics that work beautifully on any device
Incredibly small file size means quick loading times

Great for portfolios, product pages, case studies, and any project where you want to impress visitors. Works on all screen sizes and looks good everywhere.

68:T643,

Animated Theme Toggle is a powerful component for Framer that enables seamless dark mode switching with stunning view transition animations.

Built on Framer's native theming system, it automatically syncs with system preferences and persists user choices across sessions.

The component offers three flexible button types: preset icons (moon/sun), custom icon components, or fully customized buttons with variant support.

Choose from 14 beautifully crafted animation presets including circular reveals, directional wipes, diagonal transitions, and split effects that create smooth, cinematic transitions between themes.

Key features include:

14 animation presets with customizable duration and easing
Three button modes: preset icons, custom icons, or fully custom components
Full styling control: size, colors, borders, shadows, and corner radius
Automatic theme persistence via localStorage
System preference sync for seamless user experience
Accessible with proper ARIA labels
SSR-compatible with proper hydration handling

Perfect for creating polished, professional websites with delightful theme-switching experiences that feel native and performant.

69:T53b,

This component lets you display interactive 3D models on your Framer website. Upload your .glb or .gltf files and watch them come to life with smooth rotation, lighting, and realistic shadows.

Key Features

Easy Setup – Upload your 3D model file or paste a URL, and you're done
Interactive Controls – Users can rotate, zoom, and explore your model
Custom Lighting – Add multiple lights and adjust their position, intensity, and color
Realistic Environments – Choose from 10 preset environments (sunset, studio, warehouse, etc.) or upload your own HDR/EXR files
Professional Shadows – Built-in contact shadows for a polished look
Full Customization – Control camera position, model scale, rotation, and more through visual controls

Perfect for:

Product showcases
Portfolio pieces
Architectural visualization
E-commerce stores
Creative presentations

No coding required – everything is controlled through Framer's visual property panel. Just drag, drop, and customize.

Completely free to use.

6a:Tae9,

Realistic Page Turning

Smooth, physics-based page animations with natural curving
Click to flip through your magazine
Customizable curve intensity ("Bending") for different paper effects
Automatic page stacking with proper depth
Set the page the book opens on ("Open At Page")
Optional auto-flip mode on a timer

Image & Video Pages

Unlimited pages via a simple array interface, mix images and videos freely
Front and back cover, plus any number of inside pages
Video pages support uploads or external URLs, with poster image, autoplay, loop, mute, and speed controls
Gloss maps: optional roughness maps per image page for realistic material effects, with global default

Flexible Page Sizing

Common aspect-ratio presets (portrait, landscape, square) or manual width/height
Fit Media modes (Cover, Contain, Stretch) to control how media fills each page

Advanced Camera Controls

Full 3D camera positioning (X, Y, Z) and rotation on all axes
Zoom and field of view controls
Smooth orbit controls with configurable constraints

Interactive Orbit Controls

Enable/disable user interaction
Configurable zoom limits and rotation constraints (vertical and horizontal)
Option for infinite rotation on any axis

Studio-Quality Lighting

Multiple light sources mimicking a professional photography setup
Adjustable base and accent light intensity
Directional, ambient, and area lights with soft shadows for realism

Entrance Animations

Library of one-shot animations: slides, scale up, drop & settle, spin in, tilt, rise, plus simulated camera moves (dolly, orbit reveal, crane, focus pull)
Adjustable speed and delay
Plays once on the live site only (skipped on canvas)

Floating Animation

Optional floating effect with adjustable intensity, speed, and rotation

Hover Effects

Customizable highlight color on hover

Performance Optimized

Efficient rendering with configurable detail level
Lazy loading for textures
Optional canvas preview mode for the Framer editor, with a lightweight static fallback

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-5adc9354-58b8-41ef-8dc9-9b6c8b000586-all:/unified/creator/5adc9354-58b8-41ef-8dc9-9b6c8b000586/activity/":[{"data":[{"id":"019ffa74-317c-728b-b24c-5bafeefc1461","type":"plugin.liked","target":{"type":"plugin","id":"1442","preview":"Mapframe","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ba90876b-848a-4d1c-bbe3-016394b0d57d/019fd5d7-c65f-7395-b3f6-91033a6aa62a.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","slug":"david-mcbacon","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-08-13T09:29:06.680Z","latestAt":"2026-08-13T09:29:06.680Z"},{"id":"019f5255-2322-764f-9eb4-0393342b8491","type":"creator.followed","target":{"type":"creator","id":"16b45d44-4adb-4cfa-9722-d5818a38ec36","preview":"Omar Prado","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1243484/avatar-cIh6rQDLCBrm6MQzFPZSbNhOgXyvOd.jpg","slug":"growwithomar","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","slug":"david-mcbacon","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-11T17:58:59.088Z","latestAt":"2026-07-11T17:58:59.088Z"},{"id":"019f4be8-ad3b-761d-9222-8b522db12a33","type":"comment.created","target":{"type":"post","id":"019ed205-a998-71cb-8883-da7a030c200d","preview":"Kodama","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/921f36e0-331a-4b34-91c7-9939e1df5ec5/01a0101d-eeba-7182-b3fb-9a78e32c09dc.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"019ed205-a998-71cb-8883-da7a030c200d","like":{"count":19,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f4be8-ad21-7675-9d29-d38fda6c2ff3","preview":"nice and clean, love it!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"nice and clean, love it!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed205-a998-71cb-8883-da7a030c200d","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f4be8-ad21-7675-9d29-d38fda6c2ff3"},"repost":null}},"actors":[{"id":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","slug":"david-mcbacon","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-10T12:02:47.739Z","latestAt":"2026-07-10T12:02:47.739Z"},{"id":"019f4be8-863d-75ba-b840-c7aabcf356a8","type":"template.liked","target":{"type":"template","id":"66619","preview":"Kodama","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/921f36e0-331a-4b34-91c7-9939e1df5ec5/01a0101d-eeba-7182-b3fb-9a78e32c09dc.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","slug":"david-mcbacon","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-10T12:02:37.752Z","latestAt":"2026-07-10T12:02:37.752Z"},{"id":"019f4be7-ece7-773d-aa09-4a4e505eeedc","type":"post.liked","target":{"type":"post","id":"019f4be7-a106-73da-a586-5ba0dd2689b7","preview":"Introducing Kodama 🎉\nFree template for anyone launching a SaaS or startup. The idea was simple: you shouldn’t spend three weeks on a website when you could be launching your product.\nSo everything’s ready to go. Swap the copy, drop in your screenshots, publish.\nPreview link","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Introducing Kodama "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"Free template for anyone launching a SaaS or startup. The idea was simple: you shouldn’t spend three weeks on a website when you could be launching your product."}]},{"type":"paragraph","content":[{"type":"text","text":"So everything’s ready to go. Swap the copy, drop in your screenshots, publish."}]},{"type":"paragraph","content":[{"type":"text","text":"Preview link","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/yEKJAo9","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/bYkNoZqHZnHoopiF01nbPydDwKHUYyiBFm9uL2wXq7Cs/thumbnail.webp?time=13.7","targetDeleted":false,"owned":false,"actions":{"postId":"019f4be7-a106-73da-a586-5ba0dd2689b7","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","slug":"david-mcbacon","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-10T12:01:58.498Z","latestAt":"2026-07-10T12:01:58.498Z"},{"id":"019f46aa-0e3e-722e-ad71-50f70158c949","type":"plugin.liked","target":{"type":"plugin","id":"1353","preview":"Shaders by Paper","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/8ntqg03m","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","slug":"david-mcbacon","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-07-09T11:36:17.721Z","latestAt":"2026-07-09T11:36:17.721Z"},{"id":"019f466a-fa91-71be-a0b2-a5f7459f770d","type":"comment.reply","target":{"type":"post","id":"019f231e-c762-7593-b14f-d0e8147080f9","preview":"The things you can build in @Framer without writing code are getting out of hand\nJust dropped a big update to 3D Magazine 🔥\n→ video pages\n→ adjustable page size\n→ entrance animations\n→ auto-flip mode, and more\nSearch for \"3D Magazine\" to get this FREE component 🙌\nIf you like what you see, hit ❤ on the marketplace listing. It helps other builders discover it","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The things you can build in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" without writing code are getting out of hand"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Just dropped a big update to 3D Magazine "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph","content":[{"type":"text","text":"→ video pages"}]},{"type":"paragraph","content":[{"type":"text","text":"→ adjustable page size"}]},{"type":"paragraph","content":[{"type":"text","text":"→ entrance animations"}]},{"type":"paragraph","content":[{"type":"text","text":"→ auto-flip mode, and more"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Search for \"3D Magazine\" to get this FREE component "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"If you like what you see, hit "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}},{"type":"text","text":" on the marketplace listing. It helps other builders discover it"}]}]},"thumbnail":"https://image.mux.com/viILER01B901ICP00CT9JgO029E9eITKgFy4tOCj8b64HSY/thumbnail.webp?time=11.883","targetDeleted":false,"owned":true,"actions":{"postId":"019f231e-c762-7593-b14f-d0e8147080f9","like":{"count":172,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f466a-f8d5-72bf-914c-fceef7292449","preview":"There is a property control for how much should the page bend. Not sure what you mean by placing something on the spine tho. The component is free btw, feel free to grab it and play around yourself! \nhttps://www.framer.com/community/marketplace/components/3d-magazine/","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"There is a property control for how much should the page bend. Not sure what you mean by placing something on the spine tho. The component is free btw, feel free to grab it and play around yourself! "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"https://www.framer.com/community/marketplace/components/3d-magazine/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.framer.com/community/marketplace/components/3d-magazine/","target":"_blank"}}]}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f231e-c762-7593-b14f-d0e8147080f9","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f4648-2246-70ba-a456-809dab530c1e"},"repost":null}},"actors":[{"id":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","slug":"david-mcbacon","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-09T10:27:23.921Z","latestAt":"2026-07-09T10:27:23.921Z"},{"id":"019f4669-b630-7409-a68c-304cfb6f06c2","type":"comment.liked","target":{"type":"comment","id":"019f32b7-62ec-7476-befc-e735ab55a2ab","preview":"this is insane","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"this is insane"}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f231e-c762-7593-b14f-d0e8147080f9","like":{"count":2,"liked":false},"reply":{"parentCommentId":"019f32b7-62ec-7476-befc-e735ab55a2ab"},"repost":null}},"context":{"type":"post","id":"019f231e-c762-7593-b14f-d0e8147080f9","preview":"The things you can build in @Framer without writing code are getting out of hand\nJust dropped a big update to 3D Magazine 🔥\n→ video pages\n→ adjustable page size\n→ entrance animations\n→ auto-flip mode, and more\nSearch for \"3D Magazine\" to get this FREE component 🙌\nIf you like what you see, hit ❤ on the marketplace listing. It helps other builders discover it","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The things you can build in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" without writing code are getting out of hand"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Just dropped a big update to 3D Magazine "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph","content":[{"type":"text","text":"→ video pages"}]},{"type":"paragraph","content":[{"type":"text","text":"→ adjustable page size"}]},{"type":"paragraph","content":[{"type":"text","text":"→ entrance animations"}]},{"type":"paragraph","content":[{"type":"text","text":"→ auto-flip mode, and more"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Search for \"3D Magazine\" to get this FREE component "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"If you like what you see, hit "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}},{"type":"text","text":" on the marketplace listing. It helps other builders discover it"}]}]},"thumbnail":"https://image.mux.com/viILER01B901ICP00CT9JgO029E9eITKgFy4tOCj8b64HSY/thumbnail.webp?time=11.883","targetDeleted":false,"owned":true,"actions":{"postId":"019f231e-c762-7593-b14f-d0e8147080f9","like":{"count":172,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","slug":"david-mcbacon","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-09T10:26:00.872Z","latestAt":"2026-07-09T10:26:00.872Z"},{"id":"019f4669-b2bc-76f9-a041-beb6ed63e719","type":"comment.liked","target":{"type":"comment","id":"019f4648-2246-70ba-a456-809dab530c1e","preview":"that's awesome! I am actually looking for a 3D Book version where the papers are more flat, when it's open, and the possibility to place something on the book spine as well. Would that be easy to implement such additions?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"that's awesome! I am actually looking for a 3D Book version where the papers are more flat, when it's open, and the possibility to place something on the book spine as well. Would that be easy to implement such additions? "}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f231e-c762-7593-b14f-d0e8147080f9","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f4648-2246-70ba-a456-809dab530c1e"},"repost":null}},"context":{"type":"post","id":"019f231e-c762-7593-b14f-d0e8147080f9","preview":"The things you can build in @Framer without writing code are getting out of hand\nJust dropped a big update to 3D Magazine 🔥\n→ video pages\n→ adjustable page size\n→ entrance animations\n→ auto-flip mode, and more\nSearch for \"3D Magazine\" to get this FREE component 🙌\nIf you like what you see, hit ❤ on the marketplace listing. It helps other builders discover it","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The things you can build in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" without writing code are getting out of hand"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Just dropped a big update to 3D Magazine "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph","content":[{"type":"text","text":"→ video pages"}]},{"type":"paragraph","content":[{"type":"text","text":"→ adjustable page size"}]},{"type":"paragraph","content":[{"type":"text","text":"→ entrance animations"}]},{"type":"paragraph","content":[{"type":"text","text":"→ auto-flip mode, and more"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Search for \"3D Magazine\" to get this FREE component "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"If you like what you see, hit "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}},{"type":"text","text":" on the marketplace listing. It helps other builders discover it"}]}]},"thumbnail":"https://image.mux.com/viILER01B901ICP00CT9JgO029E9eITKgFy4tOCj8b64HSY/thumbnail.webp?time=11.883","targetDeleted":false,"owned":true,"actions":{"postId":"019f231e-c762-7593-b14f-d0e8147080f9","like":{"count":172,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","slug":"david-mcbacon","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-09T10:25:59.992Z","latestAt":"2026-07-09T10:25:59.992Z"},{"id":"019f3d21-c419-7669-b905-29350ae3d034","type":"comment.reply","target":{"type":"post","id":"019f3cea-e33e-777d-9cf4-6e1e3897586b","preview":"Cursor integration done ✅\nConnect your OpenAI and Cursor subscriptions, then switch between them anytime from the same framer plugin.\nComposer 2.5 is my top pick for most tasks. Opus level, fast and cheap ($0.50/M in, $2.50/M out)\nComing sooooon","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Cursor integration done "},{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}}]},{"type":"paragraph","content":[{"type":"text","text":"Connect your OpenAI and Cursor subscriptions, then switch between them anytime from the same framer plugin."}]},{"type":"paragraph","content":[{"type":"text","text":"Composer 2.5 is my top pick for most tasks. Opus level, fast and cheap ($0.50/M in, $2.50/M out)"}]},{"type":"paragraph","content":[{"type":"text","text":"Coming sooooon"}]}]},"thumbnail":"https://image.mux.com/uAmxfFk9CznDMAdysM7LG02UT7cdeEvHt3SJOPCyHVQs/thumbnail.webp?time=20.517","targetDeleted":false,"owned":true,"actions":{"postId":"019f3cea-e33e-777d-9cf4-6e1e3897586b","like":{"count":22,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f3d21-c404-736c-bdf1-e07293314f6f","preview":"thank mate! hopefully next week 🤞","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"thank mate! hopefully next week "},{"type":"emoji","attrs":{"name":"crossed_fingers","emoji":"🤞"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f3cea-e33e-777d-9cf4-6e1e3897586b","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f3d1c-8ca1-711c-81cc-2a4c93f5409a"},"repost":null}},"actors":[{"id":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","slug":"david-mcbacon","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-07T15:10:50.905Z","latestAt":"2026-07-07T15:10:50.905Z"},{"id":"019f3d21-8e21-77fb-9b8d-30bf21374b68","type":"comment.liked","target":{"type":"comment","id":"019f3d1c-8ca1-711c-81cc-2a4c93f5409a","preview":"Very neat! Would love to try it out when it's done.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Very neat! Would love to try it out when it's done."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f3cea-e33e-777d-9cf4-6e1e3897586b","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f3d1c-8ca1-711c-81cc-2a4c93f5409a"},"repost":null}},"context":{"type":"post","id":"019f3cea-e33e-777d-9cf4-6e1e3897586b","preview":"Cursor integration done ✅\nConnect your OpenAI and Cursor subscriptions, then switch between them anytime from the same framer plugin.\nComposer 2.5 is my top pick for most tasks. Opus level, fast and cheap ($0.50/M in, $2.50/M out)\nComing sooooon","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Cursor integration done "},{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}}]},{"type":"paragraph","content":[{"type":"text","text":"Connect your OpenAI and Cursor subscriptions, then switch between them anytime from the same framer plugin."}]},{"type":"paragraph","content":[{"type":"text","text":"Composer 2.5 is my top pick for most tasks. Opus level, fast and cheap ($0.50/M in, $2.50/M out)"}]},{"type":"paragraph","content":[{"type":"text","text":"Coming sooooon"}]}]},"thumbnail":"https://image.mux.com/uAmxfFk9CznDMAdysM7LG02UT7cdeEvHt3SJOPCyHVQs/thumbnail.webp?time=20.517","targetDeleted":false,"owned":true,"actions":{"postId":"019f3cea-e33e-777d-9cf4-6e1e3897586b","like":{"count":22,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","slug":"david-mcbacon","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-07T15:10:37.083Z","latestAt":"2026-07-07T15:10:37.083Z"},{"id":"019f3d21-8312-709e-9bf8-a35d3ce22412","type":"comment.reply","target":{"type":"post","id":"019f3cea-e33e-777d-9cf4-6e1e3897586b","preview":"Cursor integration done ✅\nConnect your OpenAI and Cursor subscriptions, then switch between them anytime from the same framer plugin.\nComposer 2.5 is my top pick for most tasks. Opus level, fast and cheap ($0.50/M in, $2.50/M out)\nComing sooooon","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Cursor integration done "},{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}}]},{"type":"paragraph","content":[{"type":"text","text":"Connect your OpenAI and Cursor subscriptions, then switch between them anytime from the same framer plugin."}]},{"type":"paragraph","content":[{"type":"text","text":"Composer 2.5 is my top pick for most tasks. Opus level, fast and cheap ($0.50/M in, $2.50/M out)"}]},{"type":"paragraph","content":[{"type":"text","text":"Coming sooooon"}]}]},"thumbnail":"https://image.mux.com/uAmxfFk9CznDMAdysM7LG02UT7cdeEvHt3SJOPCyHVQs/thumbnail.webp?time=20.517","targetDeleted":false,"owned":true,"actions":{"postId":"019f3cea-e33e-777d-9cf4-6e1e3897586b","like":{"count":22,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f3d21-82fc-74ac-b00a-1e48c1f3b66b","preview":"it will be!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"it will be!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f3cea-e33e-777d-9cf4-6e1e3897586b","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f3cfa-4c5e-73fd-964e-b48944997bbe"},"repost":null}},"actors":[{"id":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","slug":"david-mcbacon","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-07T15:10:34.258Z","latestAt":"2026-07-07T15:10:34.258Z"},{"id":"019f3d21-763b-74d3-999e-f97f1e89bc0c","type":"comment.liked","target":{"type":"comment","id":"019f3cfa-4c5e-73fd-964e-b48944997bbe","preview":"This can be game changer","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This can be game changer"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f3cea-e33e-777d-9cf4-6e1e3897586b","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f3cfa-4c5e-73fd-964e-b48944997bbe"},"repost":null}},"context":{"type":"post","id":"019f3cea-e33e-777d-9cf4-6e1e3897586b","preview":"Cursor integration done ✅\nConnect your OpenAI and Cursor subscriptions, then switch between them anytime from the same framer plugin.\nComposer 2.5 is my top pick for most tasks. Opus level, fast and cheap ($0.50/M in, $2.50/M out)\nComing sooooon","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Cursor integration done "},{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}}]},{"type":"paragraph","content":[{"type":"text","text":"Connect your OpenAI and Cursor subscriptions, then switch between them anytime from the same framer plugin."}]},{"type":"paragraph","content":[{"type":"text","text":"Composer 2.5 is my top pick for most tasks. Opus level, fast and cheap ($0.50/M in, $2.50/M out)"}]},{"type":"paragraph","content":[{"type":"text","text":"Coming sooooon"}]}]},"thumbnail":"https://image.mux.com/uAmxfFk9CznDMAdysM7LG02UT7cdeEvHt3SJOPCyHVQs/thumbnail.webp?time=20.517","targetDeleted":false,"owned":true,"actions":{"postId":"019f3cea-e33e-777d-9cf4-6e1e3897586b","like":{"count":22,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","slug":"david-mcbacon","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-07T15:10:30.958Z","latestAt":"2026-07-07T15:10:30.958Z"},{"id":"019f3838-bfde-779b-be8c-7b2de9adccc1","type":"comment.liked","target":{"type":"comment","id":"019f3810-0095-73e3-ae0a-b958bc7d33d6","preview":"Yes, please! 🔥","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Yes, please! "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f37f1-3008-750c-9d9e-848adebb4ad8","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f3810-0095-73e3-ae0a-b958bc7d33d6"},"repost":null}},"context":{"type":"post","id":"019f37f1-3008-750c-9d9e-848adebb4ad8","preview":"Framer charges API rates for AI credits.\nYour $20 chatgpt plan already gives you ~$700/mo of subsidized tokens.\nWhy burn credits when you're already paying for cheaper ones?\nBuilding a plugin to connect openai/cursor straight to framer agents.\nDrop a 🔥 if you want it!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer charges API rates for AI credits."}]},{"type":"paragraph","content":[{"type":"text","text":"Your $20 chatgpt plan already gives you ~$700/mo of subsidized tokens."}]},{"type":"paragraph","content":[{"type":"text","text":"Why burn credits when you're already paying for cheaper ones?"}]},{"type":"paragraph","content":[{"type":"text","text":"Building a plugin to connect openai/cursor straight to framer agents."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop a "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"text","text":" if you want it!"}]}]},"thumbnail":"https://image.mux.com/KfEQKuXtNnWh4HFBnt4aVha01MGjjtqWHQMYi2JpcZ6w/thumbnail.webp?time=7.6","targetDeleted":false,"owned":true,"actions":{"postId":"019f37f1-3008-750c-9d9e-848adebb4ad8","like":{"count":23,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","slug":"david-mcbacon","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-06T16:17:51.066Z","latestAt":"2026-07-06T16:17:51.066Z"},{"id":"019f3837-d710-77b8-8049-58805729753e","type":"creator.followed","target":{"type":"creator","id":"09048796-67a4-4bbd-aba2-4840e444a5e2","preview":"Tim Akihiro Heinrich","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/09048796-67a4-4bbd-aba2-4840e444a5e2/9c9yit0l","slug":"akihiro","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","slug":"david-mcbacon","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-06T16:16:51.466Z","latestAt":"2026-07-06T16:16:51.466Z"},{"id":"019f3837-c137-74e9-b833-3598b846c57a","type":"comment.liked","target":{"type":"comment","id":"019f380d-d665-71bb-ae8e-0da9519b9ab7","preview":"@David McBacon I built Framix and had to learn alot on the way. Let's connect and help each other out, dev to dev 🤝","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","slug":"david-mcbacon","label":"David McBacon","mentionSuggestionChar":"@"}},{"type":"text","text":" I built Framix and had to learn alot on the way. Let's connect and help each other out, dev to dev "},{"type":"emoji","attrs":{"name":"handshake","emoji":"🤝"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f37f1-3008-750c-9d9e-848adebb4ad8","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f37fb-fca9-7662-80a8-be2fd1096be5"},"repost":null}},"context":{"type":"post","id":"019f37f1-3008-750c-9d9e-848adebb4ad8","preview":"Framer charges API rates for AI credits.\nYour $20 chatgpt plan already gives you ~$700/mo of subsidized tokens.\nWhy burn credits when you're already paying for cheaper ones?\nBuilding a plugin to connect openai/cursor straight to framer agents.\nDrop a 🔥 if you want it!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer charges API rates for AI credits."}]},{"type":"paragraph","content":[{"type":"text","text":"Your $20 chatgpt plan already gives you ~$700/mo of subsidized tokens."}]},{"type":"paragraph","content":[{"type":"text","text":"Why burn credits when you're already paying for cheaper ones?"}]},{"type":"paragraph","content":[{"type":"text","text":"Building a plugin to connect openai/cursor straight to framer agents."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop a "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"text","text":" if you want it!"}]}]},"thumbnail":"https://image.mux.com/KfEQKuXtNnWh4HFBnt4aVha01MGjjtqWHQMYi2JpcZ6w/thumbnail.webp?time=7.6","targetDeleted":false,"owned":true,"actions":{"postId":"019f37f1-3008-750c-9d9e-848adebb4ad8","like":{"count":23,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","slug":"david-mcbacon","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-06T16:16:45.875Z","latestAt":"2026-07-06T16:16:45.875Z"},{"id":"019f3803-5bae-77fc-94b6-d560f3cca684","type":"comment.reply","target":{"type":"post","id":"019f37f1-3008-750c-9d9e-848adebb4ad8","preview":"Framer charges API rates for AI credits.\nYour $20 chatgpt plan already gives you ~$700/mo of subsidized tokens.\nWhy burn credits when you're already paying for cheaper ones?\nBuilding a plugin to connect openai/cursor straight to framer agents.\nDrop a 🔥 if you want it!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer charges API rates for AI credits."}]},{"type":"paragraph","content":[{"type":"text","text":"Your $20 chatgpt plan already gives you ~$700/mo of subsidized tokens."}]},{"type":"paragraph","content":[{"type":"text","text":"Why burn credits when you're already paying for cheaper ones?"}]},{"type":"paragraph","content":[{"type":"text","text":"Building a plugin to connect openai/cursor straight to framer agents."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop a "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"text","text":" if you want it!"}]}]},"thumbnail":"https://image.mux.com/KfEQKuXtNnWh4HFBnt4aVha01MGjjtqWHQMYi2JpcZ6w/thumbnail.webp?time=7.6","targetDeleted":false,"owned":true,"actions":{"postId":"019f37f1-3008-750c-9d9e-848adebb4ad8","like":{"count":23,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f3803-5b96-749d-acbb-05782b6c6c57","preview":"ty broo! 🙌","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"ty broo! "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f37f1-3008-750c-9d9e-848adebb4ad8","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f37f2-e0c9-702b-9125-90284dc003a3"},"repost":null}},"actors":[{"id":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","slug":"david-mcbacon","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-06T15:19:32.014Z","latestAt":"2026-07-06T15:19:32.014Z"},{"id":"019f3803-2227-754d-a619-cf9c3bffc34e","type":"comment.reply","target":{"type":"post","id":"019f37f1-3008-750c-9d9e-848adebb4ad8","preview":"Framer charges API rates for AI credits.\nYour $20 chatgpt plan already gives you ~$700/mo of subsidized tokens.\nWhy burn credits when you're already paying for cheaper ones?\nBuilding a plugin to connect openai/cursor straight to framer agents.\nDrop a 🔥 if you want it!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer charges API rates for AI credits."}]},{"type":"paragraph","content":[{"type":"text","text":"Your $20 chatgpt plan already gives you ~$700/mo of subsidized tokens."}]},{"type":"paragraph","content":[{"type":"text","text":"Why burn credits when you're already paying for cheaper ones?"}]},{"type":"paragraph","content":[{"type":"text","text":"Building a plugin to connect openai/cursor straight to framer agents."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop a "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"text","text":" if you want it!"}]}]},"thumbnail":"https://image.mux.com/KfEQKuXtNnWh4HFBnt4aVha01MGjjtqWHQMYi2JpcZ6w/thumbnail.webp?time=7.6","targetDeleted":false,"owned":true,"actions":{"postId":"019f37f1-3008-750c-9d9e-848adebb4ad8","like":{"count":23,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f3803-21d9-75c5-9e1b-2c033b18ea61","preview":"I wish hahah 😅","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I wish hahah "},{"type":"emoji","attrs":{"name":"sweat_smile","emoji":"😅"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f37f1-3008-750c-9d9e-848adebb4ad8","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f37fb-fca9-7662-80a8-be2fd1096be5"},"repost":null}},"actors":[{"id":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","slug":"david-mcbacon","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-06T15:19:17.287Z","latestAt":"2026-07-06T15:19:17.287Z"},{"id":"019f3802-f8d8-7018-b694-342fde59c00e","type":"comment.liked","target":{"type":"comment","id":"019f37f2-e0c9-702b-9125-90284dc003a3","preview":"brooo, this is dope. cant wait to try this. btw your framer plugins are super useful. 🔥","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"brooo, this is dope. cant wait to try this. btw your framer plugins are super useful. 🔥 "}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f37f1-3008-750c-9d9e-848adebb4ad8","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f37f2-e0c9-702b-9125-90284dc003a3"},"repost":null}},"context":{"type":"post","id":"019f37f1-3008-750c-9d9e-848adebb4ad8","preview":"Framer charges API rates for AI credits.\nYour $20 chatgpt plan already gives you ~$700/mo of subsidized tokens.\nWhy burn credits when you're already paying for cheaper ones?\nBuilding a plugin to connect openai/cursor straight to framer agents.\nDrop a 🔥 if you want it!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer charges API rates for AI credits."}]},{"type":"paragraph","content":[{"type":"text","text":"Your $20 chatgpt plan already gives you ~$700/mo of subsidized tokens."}]},{"type":"paragraph","content":[{"type":"text","text":"Why burn credits when you're already paying for cheaper ones?"}]},{"type":"paragraph","content":[{"type":"text","text":"Building a plugin to connect openai/cursor straight to framer agents."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop a "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"text","text":" if you want it!"}]}]},"thumbnail":"https://image.mux.com/KfEQKuXtNnWh4HFBnt4aVha01MGjjtqWHQMYi2JpcZ6w/thumbnail.webp?time=7.6","targetDeleted":false,"owned":true,"actions":{"postId":"019f37f1-3008-750c-9d9e-848adebb4ad8","like":{"count":23,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","slug":"david-mcbacon","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-06T15:19:06.708Z","latestAt":"2026-07-06T15:19:06.708Z"},{"id":"019f3802-f6f7-75ca-b3ec-2780e9868b62","type":"comment.liked","target":{"type":"comment","id":"019f37fb-fca9-7662-80a8-be2fd1096be5","preview":"youre going to be rich my boi","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"youre going to be rich my boi"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f37f1-3008-750c-9d9e-848adebb4ad8","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f37fb-fca9-7662-80a8-be2fd1096be5"},"repost":null}},"context":{"type":"post","id":"019f37f1-3008-750c-9d9e-848adebb4ad8","preview":"Framer charges API rates for AI credits.\nYour $20 chatgpt plan already gives you ~$700/mo of subsidized tokens.\nWhy burn credits when you're already paying for cheaper ones?\nBuilding a plugin to connect openai/cursor straight to framer agents.\nDrop a 🔥 if you want it!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer charges API rates for AI credits."}]},{"type":"paragraph","content":[{"type":"text","text":"Your $20 chatgpt plan already gives you ~$700/mo of subsidized tokens."}]},{"type":"paragraph","content":[{"type":"text","text":"Why burn credits when you're already paying for cheaper ones?"}]},{"type":"paragraph","content":[{"type":"text","text":"Building a plugin to connect openai/cursor straight to framer agents."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop a "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"text","text":" if you want it!"}]}]},"thumbnail":"https://image.mux.com/KfEQKuXtNnWh4HFBnt4aVha01MGjjtqWHQMYi2JpcZ6w/thumbnail.webp?time=7.6","targetDeleted":false,"owned":true,"actions":{"postId":"019f37f1-3008-750c-9d9e-848adebb4ad8","like":{"count":23,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","slug":"david-mcbacon","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-06T15:19:06.227Z","latestAt":"2026-07-06T15:19:06.227Z"}],"pagination":{"next":"MjAyNi0wNy0wNlQxNToxOTowNi4yMjdafDAxOWYzODAyLWY2ZjctNzVjYS1iM2VjLTI3ODBlOTg2OGI2Mg","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:5adc9354-58b8-41ef-8dc9-9b6c8b000586:/unified/posts/?creator=5adc9354-58b8-41ef-8dc9-9b6c8b000586&with=reposts":[{"data":[{"id":"019f4741-faae-764e-b4d7-ba44fa0ac8f8","title":null,"body":"

Give your Framer agent actual context.

Set instructions and upload files at the project or account level, @ mention them anytime in chat.

This is what I've been missing in Framer's internal agent.

Lottus shipping soon 🔥

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Give your Framer agent actual context."}]},{"type":"paragraph","content":[{"type":"text","text":"Set instructions and upload files at the project or account level, @ mention them anytime in chat."}]},{"type":"paragraph","content":[{"type":"text","text":"This is what I've been missing in Framer's internal agent."}]},{"type":"paragraph","content":[{"type":"text","text":"Lottus shipping soon "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]}]},"author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/33CvzMjNyC00ayNHciiBYdphuayUurQ7GBd5ADq00SZE8.m3u8","metadata":{"posterUrl":"https://image.mux.com/33CvzMjNyC00ayNHciiBYdphuayUurQ7GBd5ADq00SZE8/thumbnail.webp?time=12.1","aspectRatio":"271:180","duration":26.216667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":0},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-09T14:22:14.195Z","updatedAt":"2026-07-09T14:22:14.195Z"},{"id":"019f3cea-e33e-777d-9cf4-6e1e3897586b","title":null,"body":"

Cursor integration done ✅

Connect your OpenAI and Cursor subscriptions, then switch between them anytime from the same framer plugin.

Composer 2.5 is my top pick for most tasks. Opus level, fast and cheap ($0.50/M in, $2.50/M out)

Coming sooooon

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Cursor integration done "},{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}}]},{"type":"paragraph","content":[{"type":"text","text":"Connect your OpenAI and Cursor subscriptions, then switch between them anytime from the same framer plugin."}]},{"type":"paragraph","content":[{"type":"text","text":"Composer 2.5 is my top pick for most tasks. Opus level, fast and cheap ($0.50/M in, $2.50/M out)"}]},{"type":"paragraph","content":[{"type":"text","text":"Coming sooooon"}]}]},"author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/uAmxfFk9CznDMAdysM7LG02UT7cdeEvHt3SJOPCyHVQs.m3u8","metadata":{"posterUrl":"https://image.mux.com/uAmxfFk9CznDMAdysM7LG02UT7cdeEvHt3SJOPCyHVQs/thumbnail.webp?time=20.517","aspectRatio":"271:180","duration":22.366667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":22,"liked":false},"comments":{"count":5},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-07T14:10:54.402Z","updatedAt":"2026-07-07T14:10:54.402Z"},{"id":"019f37f1-3008-750c-9d9e-848adebb4ad8","title":null,"body":"

Framer charges API rates for AI credits.

Your $20 chatgpt plan already gives you ~$700/mo of subsidized tokens.

Why burn credits when you're already paying for cheaper ones?

Building a plugin to connect openai/cursor straight to framer agents.

Drop a 🔥 if you want it!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer charges API rates for AI credits."}]},{"type":"paragraph","content":[{"type":"text","text":"Your $20 chatgpt plan already gives you ~$700/mo of subsidized tokens."}]},{"type":"paragraph","content":[{"type":"text","text":"Why burn credits when you're already paying for cheaper ones?"}]},{"type":"paragraph","content":[{"type":"text","text":"Building a plugin to connect openai/cursor straight to framer agents."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop a "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"text","text":" if you want it!"}]}]},"author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/KfEQKuXtNnWh4HFBnt4aVha01MGjjtqWHQMYi2JpcZ6w.m3u8","metadata":{"posterUrl":"https://image.mux.com/KfEQKuXtNnWh4HFBnt4aVha01MGjjtqWHQMYi2JpcZ6w/thumbnail.webp?time=7.6","aspectRatio":"271:180","duration":19.583333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":23,"liked":false},"comments":{"count":9},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-06T14:59:41.196Z","updatedAt":"2026-07-06T14:59:41.196Z"},{"id":"019f231e-c762-7593-b14f-d0e8147080f9","title":null,"body":"

The things you can build in @Framer without writing code are getting out of hand

Just dropped a big update to 3D Magazine 🔥

→ video pages

→ adjustable page size

→ entrance animations

→ auto-flip mode, and more

Search for "3D Magazine" to get this FREE component 🙌

If you like what you see, hit ❤ on the marketplace listing. It helps other builders discover it

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The things you can build in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" without writing code are getting out of hand"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Just dropped a big update to 3D Magazine "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph","content":[{"type":"text","text":"→ video pages"}]},{"type":"paragraph","content":[{"type":"text","text":"→ adjustable page size"}]},{"type":"paragraph","content":[{"type":"text","text":"→ entrance animations"}]},{"type":"paragraph","content":[{"type":"text","text":"→ auto-flip mode, and more"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Search for \"3D Magazine\" to get this FREE component "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"If you like what you see, hit "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}},{"type":"text","text":" on the marketplace listing. It helps other builders discover it"}]}]},"author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/viILER01B901ICP00CT9JgO029E9eITKgFy4tOCj8b64HSY.m3u8","metadata":{"posterUrl":"https://image.mux.com/viILER01B901ICP00CT9JgO029E9eITKgFy4tOCj8b64HSY/thumbnail.webp?time=11.883","aspectRatio":"4:3","duration":14.433333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":172,"liked":false},"comments":{"count":37},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-02T13:57:27.527Z","updatedAt":"2026-07-02T13:57:27.527Z"},{"id":"019f1915-9447-711c-84a8-9764e4ff6c92","title":null,"body":"

You can just build things 🪄

An interactive 3D wizarding newspaper "The Framer Prophet"

The new video pages feature coming to my free 3D Magazine component for Framer this week

Sonnet: page content and prompts

GPT: newspaper images

Grok Imagine: videos

Full demo, created just for fun 👇

https://prophet.framer.media/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"You can just build things "},{"type":"emoji","attrs":{"name":"magic_wand","emoji":"🪄"}}]},{"type":"paragraph","content":[{"type":"text","text":"An interactive 3D wizarding newspaper \"The Framer Prophet\""}]},{"type":"paragraph","content":[{"type":"text","text":"The new video pages feature coming to my free 3D Magazine component for Framer this week"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Sonnet: page content and prompts "}]},{"type":"paragraph","content":[{"type":"text","text":"GPT: newspaper images "}]},{"type":"paragraph","content":[{"type":"text","text":"Grok Imagine: videos"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Full demo, created just for fun "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"https://prophet.framer.media/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://prophet.framer.media/","target":"_blank"}}]}]}]},"author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/EyWQqg00Tp7IqvjKkwkEYMGnUgBuvUZgWyjKZ01BxTlFQ.m3u8","metadata":{"posterUrl":"https://image.mux.com/EyWQqg00Tp7IqvjKkwkEYMGnUgBuvUZgWyjKZ01BxTlFQ/thumbnail.webp?time=31.8","aspectRatio":"577:360","duration":37.197889}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":26,"liked":false},"comments":{"count":9},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-30T15:11:12.461Z","updatedAt":"2026-06-30T15:11:12.461Z"},{"id":"019f040c-357b-704c-8a20-56441d1bb050","title":null,"body":"

Context Picker Framer plugin is live, free and open source 🔥

Native in-app agent can see what you select on canvas.

External agents like Claude Code, Cursor, and Codex couldn't, until now.

Select a layer, copy its context, paste it into your agent.

The fastest way to open the plugin is hitting CMD + K in Framer and searching for "Context Picker".

If you find it useful, please give it a like! ❤

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Context Picker Framer plugin is live, free and open source "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph","content":[{"type":"text","text":"Native in-app agent can see what you select on canvas."}]},{"type":"paragraph","content":[{"type":"text","text":"External agents like Claude Code, Cursor, and Codex couldn't, until now."}]},{"type":"paragraph","content":[{"type":"text","text":"Select a layer, copy its context, paste it into your agent."}]},{"type":"paragraph","content":[{"type":"text","text":"The fastest way to open the plugin is hitting CMD + K in Framer and searching for \"Context Picker\"."}]},{"type":"paragraph","content":[{"type":"text","text":"If you find it useful, please give it a like! "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}}]}]},"author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/UakfPLpc8rt7lJ6U4TP3eTasYIYprgh4kAWJzWRlVIE.m3u8","metadata":{"posterUrl":"https://image.mux.com/UakfPLpc8rt7lJ6U4TP3eTasYIYprgh4kAWJzWRlVIE/thumbnail.webp?time=14.467","aspectRatio":"74:45","duration":17.397889}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-26T13:08:56.834Z","updatedAt":"2026-06-26T13:08:56.834Z"},{"id":"019eff2b-85af-73cf-8aa2-1c99e3a15f8c","title":null,"body":"

"Wait which project is my agent even connected to right now?"

If you've used @Framer external agents, you've probably hit this.

Made a free starter kit that fixes it: one folder, one project, always.

unzip → drop in → say "set up the agent in this folder"

Not gonna make you comment to unlock this one, it's just free.

But if it's useful, a like, bookmark, and comment helps other framer builders actually find it 🙏

Link 👉 https://framercoder.com/resources/framer-external-ai-agent-starter

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"\"Wait which project is my agent even connected to right now?\""}]},{"type":"paragraph","content":[{"type":"text","text":"If you've used "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/framer","target":"_blank"}}]},{"type":"text","text":"external agents, you've probably hit this."}]},{"type":"paragraph","content":[{"type":"text","text":"Made a free starter kit that fixes it: one folder, one project, always."}]},{"type":"paragraph","content":[{"type":"text","text":"unzip → drop in → say \"set up the agent in this folder\""}]},{"type":"paragraph","content":[{"type":"text","text":"Not gonna make you comment to unlock this one, it's just free."}]},{"type":"paragraph","content":[{"type":"text","text":"But if it's useful, a like, bookmark, and comment helps other framer builders actually find it "},{"type":"emoji","attrs":{"name":"pray","emoji":"🙏"}}]},{"type":"paragraph","content":[{"type":"text","text":"Link "},{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" "},{"type":"text","text":"https://framercoder.com/resources/framer-external-ai-agent-starter","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framercoder.com/resources/framer-external-ai-agent-starter","target":"_blank"}}]}]}]},"author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5adc9354-58b8-41ef-8dc9-9b6c8b000586/w0aub9il","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-25T14:25:02.903Z","updatedAt":"2026-06-25T14:25:02.903Z"},{"id":"019efe4c-7b69-7534-9e18-dd82702b7cdb","title":null,"body":"

Context Picker is live, free and open source 🔥

Framer's native agent can see what you select on canvas.

External agents like Claude Code, Cursor, and Codex couldn't, until now.

Select a layer, copy its context, paste it into your agent. Done.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Context Picker is live, free and open source "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph","content":[{"type":"text","text":"Framer's native agent can see what you select on canvas."}]},{"type":"paragraph","content":[{"type":"text","text":"External agents like Claude Code, Cursor, and Codex couldn't, until now."}]},{"type":"paragraph","content":[{"type":"text","text":"Select a layer, copy its context, paste it into your agent. Done."}]}]},"author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"1307","resolved":true,"title":"Context Picker","body":"$63","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Context Picker"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Framer's native AI agent can see what you've selected on the canvas, using its built in select tool. External agents like Claude Code, Cursor, and Codex don't get that. They only see plain text, so prompts like \"make this headline red\" leave them guessing which node \"this\" actually is."}]},{"type":"paragraph","content":[{"type":"text","text":"Context Picker closes that gap. Select any layer on the canvas or in the layer sidebar, and it instantly copies a compact JSON payload describing that selection: node ID, name, and the surrounding scope (web page, design page, or component). Paste it straight into your external agent's prompt for precise, unambiguous edits."}]},{"type":"customHeading","content":[{"type":"text","text":"What gets copied"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Node ID and name of the selected layer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scope type and ID, whether you're on a web page, design page, or inside a component"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"URL path, when the scope is a real website page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Replica metadata (original node ID), when the selection is a variant or inherited component layer"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to use it"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Open Context Picker"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Select any layer on the canvas or sidebar"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The JSON is copied automatically, no extra click"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Paste it into your external agent's prompt"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Need an earlier selection? Recent picks are saved and one click away"}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Why it matters"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you're driving Framer edits from an external coding agent like Claude Code, Cursor, or Codex, the agent is flying blind without canvas context. Context Picker gives it the same precision Framer's native agent has with its select tool, so instead of vague prompts and trial and error edits, you can say exactly which node to touch and watch it land correctly the first time."}]},{"type":"paragraph","content":[{"type":"text","text":"Free and open source."}]}]},"introduction":"Layer context for external agents","slug":"context-picker","author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5adc9354-58b8-41ef-8dc9-9b6c8b000586/n6bpw7si","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5adc9354-58b8-41ef-8dc9-9b6c8b000586/88fgipom","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-25T10:21:25.714Z","updatedAt":"2026-06-25T13:18:16.921Z","publishedAt":"2026-06-25T13:18:16.909Z","featuredAt":"2026-07-09T14:12:42.329Z","approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"1irlj4ze2tscjvbp64630es0f","paid":false,"categories":[{"id":"bde1e72b-b4a6-4ecc-8eee-417be77494e8","name":"AI","slug":"ai"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":99,"liked":false},"comments":{"count":11},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-25T10:21:25.738Z","updatedAt":"2026-06-25T10:21:25.738Z"},{"id":"019ef9b9-1236-7002-926a-c4d53cbe36df","title":null,"body":"

One folder per Framer project. Each one gets its own AI agent that knows exactly which site it's working on.

No more "wait, which project are we editing?" moments. Just open the folder, and the agent already knows the context.

Dropping a starter kit for this tomorrow 🔜

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"One folder per Framer project. Each one gets its own AI agent that knows exactly which site it's working on."}]},{"type":"paragraph","content":[{"type":"text","text":"No more \"wait, which project are we editing?\" moments. Just open the folder, and the agent already knows the context."}]},{"type":"paragraph","content":[{"type":"text","text":"Dropping a starter kit for this tomorrow "},{"type":"emoji","attrs":{"name":"soon","emoji":"🔜"}}]}]},"author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5adc9354-58b8-41ef-8dc9-9b6c8b000586/z0137fif","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2633,"height":2633}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-24T13:01:56.154Z","updatedAt":"2026-06-24T13:01:56.154Z"},{"id":"019ed581-efdc-71d5-a1eb-613d2db591e4","title":null,"body":"

A different POV on the Framer review process removal: as a plugin creator, this update is honestly the best thing that happened to me this year.

Most of my plugins aren't just what you see inside Framer, there's also a server, a database and other infra pieces behind the scenes, kind of like a kitchen behind a restaurant.

New features usually meant updating that kitchen too. The catch: the kitchen update goes live instantly, but the new plugin version could sit in review for hours, sometimes a day. During that window, everyone on my old live plugin (restaurant) was being served by a kitchen that had already moved on, and I had to be very careful nothing broke for them.

Now plugin and backend ship together, the moment they're ready. No more split brain. Thank you Framer!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A different POV on the Framer review process removal: as a plugin creator, this update is honestly the best thing that happened to me this year."}]},{"type":"paragraph","content":[{"type":"text","text":"Most of my plugins aren't just what you see inside Framer, there's also a server, a database and other infra pieces behind the scenes, kind of like a kitchen behind a restaurant."}]},{"type":"paragraph","content":[{"type":"text","text":"New features usually meant updating that kitchen too. The catch: the kitchen update goes live instantly, but the new plugin version could sit in review for hours, sometimes a day. During that window, everyone on my old live plugin (restaurant) was being served by a kitchen that had already moved on, and I had to be very careful nothing broke for them."}]},{"type":"paragraph","content":[{"type":"text","text":"Now plugin and backend ship together, the moment they're ready. No more split brain. Thank you Framer!"}]}]},"author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5adc9354-58b8-41ef-8dc9-9b6c8b000586/vtbafzbv","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2385,"height":1645}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T12:15:23.104Z","updatedAt":"2026-06-17T12:15:23.104Z"},{"id":"019ed522-5585-762f-949d-90d15f46723f","title":null,"body":"

sorry guys I had to

framer template creators rn

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"sorry guys I had to"}]},{"type":"paragraph","content":[{"type":"text","text":"framer template creators rn"}]}]},"author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5adc9354-58b8-41ef-8dc9-9b6c8b000586/grj5vhs4","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2752,"height":3200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":26,"liked":false},"comments":{"count":7},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T10:30:57.672Z","updatedAt":"2026-06-17T10:30:57.672Z"},{"id":"019ed4ec-47ae-75ed-a7d7-cc9ce9ae3390","title":null,"body":"

feature idea for @Framer → give every project a context slot (think agents.md from the dev world)

users can fill it in with overview, design rules, gotchas, or anything relevant

great for template creators, but really for any framer builder with agents in their project

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"feature idea for "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/framer","target":"_blank"}}]},{"type":"text","text":"→ give every project a context slot (think agents.md from the dev world)"}]},{"type":"paragraph","content":[{"type":"text","text":"users can fill it in with overview, design rules, gotchas, or anything relevant"}]},{"type":"paragraph","content":[{"type":"text","text":"great for template creators, but really for any framer builder with agents in their project"}]}]},"author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T09:31:55.185Z","updatedAt":"2026-06-17T09:31:55.185Z"},{"id":"019ed4d8-fba4-75a5-acbc-dcc4c58a5bf6","title":null,"body":"

if an AI agent jumped into your Framer template right now, would it have a clue?

time for template creators to write context docs → pages, sections, cms structure, what to edit, where to edit it, plus a line on each key component.

agents jump in and just get it

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"if an AI agent jumped into your Framer template right now, would it have a clue?"}]},{"type":"paragraph","content":[{"type":"text","text":"time for template creators to write context docs → pages, sections, cms structure, what to edit, where to edit it, plus a line on each key component. "}]},{"type":"paragraph","content":[{"type":"text","text":"agents jump in and just get it"}]}]},"author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T09:10:50.559Z","updatedAt":"2026-06-17T09:10:50.559Z"},{"id":"019dfde9-1465-70e4-86ea-aa9972041336","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"1118","resolved":true,"title":"3Drop","body":"$64","bodyJson":null,"introduction":"Image in. 3D out, on canvas.","slug":"3drop","author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/1118-npWl9LDRmEaVfttHgTs3uCzIYWHHi4","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/1118-vARsRe6dHMObjAt0EPAFxpY2MqbnDj","metadata":{"tint":{"h":12,"s":83,"l":19},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-04T22:52:55.824Z","updatedAt":"2026-05-07T16:21:16.932Z","publishedAt":"2026-05-06T15:30:04.005Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"dp808wzr7lmnq2g4xc8fpfz8n","paid":true,"categories":[{"id":"676f63da-b192-4974-930d-73185802088a","name":"Media","slug":"media"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":48,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-06T15:30:04.005Z","updatedAt":"2026-05-06T15:30:04.005Z"},{"id":"019d20a2-b4d2-7b96-9335-8b047434a6f6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"NW1kFHUbenrKP6DfHq0v","resolved":true,"title":"Web Haptics","body":"$65","bodyJson":null,"introduction":"Haptic feedback for mobile websites","slug":"web-haptics","author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/NW1kFHUbenrKP6DfHq0v/web-haptics-AjKSnygjEGiZRqhhc4mJJ5VEKcm1F5","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-12T12:15:47.609Z","updatedAt":"2026-03-24T09:09:44.695Z","publishedAt":"2026-03-24T16:17:07.282Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Haptics-marketplace-F3rbhY.js@eZZxudVow8weQHqeDZzI","previewUrl":"https://web-haptics.framer.website","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"eZZxudVow8weQHqeDZzI","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":24,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-24T16:17:07.282Z","updatedAt":"2026-03-24T16:17:07.282Z"},{"id":"019c529b-f56e-71aa-beec-c8b6faf882a0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"777","resolved":true,"title":"Offload","body":"$66","bodyJson":null,"introduction":"Cut Framer bandwidth by 90%","slug":"offload","author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/777-FVzeJqV9nLz1egtig6GRq5YQWw4Tab","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/777-sgEW1kEJAHkCT1hZHRGkpBxupwsjEi","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/777-Gj3C5EO7Bog0nS5vu0xiZGuOEEZsq2","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/777-TlHIGUtl0SPGg3A1S6AOdt4UL5hzxn","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-11T15:57:24.655Z","updatedAt":"2026-04-23T15:00:14.957Z","publishedAt":"2026-02-12T16:07:58.574Z","featuredAt":"2026-06-15T14:35:30.012Z","approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"ese4pi5doqf01qdx89cguuus6","paid":true,"categories":[{"id":"676f63da-b192-4974-930d-73185802088a","name":"Media","slug":"media"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":44,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-12T16:07:58.574Z","updatedAt":"2026-02-12T16:07:58.574Z"},{"id":"019acb14-295e-7668-8fac-608934b15eae","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ekhLiXngi70IH53C1TKj","resolved":true,"title":"3D Laptop Mockup","body":"$67","bodyJson":null,"introduction":"With mouse & scroll interactions","slug":"3d-laptop-mockup","author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ekhLiXngi70IH53C1TKj/3d-laptop-mockup-0ewUV9hpo41XokwIsZz0XZRtgqzYhz","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-23T21:43:25.044Z","updatedAt":"2026-05-19T09:37:36.638Z","publishedAt":"2025-11-28T15:28:07.518Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://3d-laptop-mockup.framer.website","price":"20","paymentUrl":"https://buy.polar.sh/polar_cl_lmJbmaH1JHlzzCBwgk49KnRnNa0br7Rwd7hbL2YYl9w","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"cndC56JFapRjxAJsv5cK","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":60,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-28T15:28:07.518Z","updatedAt":"2025-11-28T15:28:07.518Z"},{"id":"019ab5bd-f895-7e13-91a1-f29215a43d76","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"qfworL07tPGuR9lwuMBb","resolved":true,"title":"Smooth Theme Toggle","body":"$68","bodyJson":null,"introduction":"Cinematic dark/light mode switcher","slug":"smooth-theme-toggle","author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/qfworL07tPGuR9lwuMBb/smooth-theme-toggle-GPkSclrmgj6V7XENmEF9nE2Xw06iyi","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-20T19:55:00.956Z","updatedAt":"2026-03-28T09:37:27.925Z","publishedAt":"2025-11-24T12:01:57.397Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://animted-theme-toggle-component.framer.website/","price":"15","paymentUrl":"https://buy.polar.sh/polar_cl_zpJVDCVXQhZFqzxZ3NOyLzUVzcrP2wYe0YUnh0vMBgE","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"aCi4mOTxA96pj26AHkYO","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-24T12:01:57.397Z","updatedAt":"2025-11-24T12:01:57.397Z"},{"id":"019a9d11-5b87-78f5-82aa-02e83022cb59","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"pAXjE09suKH25JzXhcWy","resolved":true,"title":"3D Space","body":"$69","bodyJson":null,"introduction":"","slug":"3d-space","author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/pAXjE09suKH25JzXhcWy/3d-space-9z4HXpdhoGcWBQCzqsoB88oxytm4lp","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-05T12:08:03.039Z","updatedAt":"2025-11-18T11:50:38.502Z","publishedAt":"2025-11-19T17:02:31.815Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Three-dee-space-framer-OPcb.js@qMlRkZNcACeZCBdTXM0W","previewUrl":"https://three-dee-space-component.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"qMlRkZNcACeZCBdTXM0W","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":50,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-19T17:02:31.815Z","updatedAt":"2025-11-19T17:02:31.815Z"},{"id":"019a97a3-b125-78ac-bc83-dc7bce80ba0d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"0YbyeRBnYHgqzSI4shTp","resolved":true,"title":"3D Magazine","body":"$6a","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Realistic Page Turning","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth, physics-based page animations with natural curving"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click to flip through your magazine"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable curve intensity (\"Bending\") for different paper effects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic page stacking with proper depth"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set the page the book opens on (\"Open At Page\")"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional auto-flip mode on a timer"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Image & Video Pages","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlimited pages via a simple array interface, mix images and videos freely"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Front and back cover, plus any number of inside pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Video pages support uploads or external URLs, with poster image, autoplay, loop, mute, and speed controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gloss maps: optional roughness maps per image page for realistic material effects, with global default"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Flexible Page Sizing","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Common aspect-ratio presets (portrait, landscape, square) or manual width/height"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fit Media modes (Cover, Contain, Stretch) to control how media fills each page"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Advanced Camera Controls","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full 3D camera positioning (X, Y, Z) and rotation on all axes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zoom and field of view controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth orbit controls with configurable constraints"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Interactive Orbit Controls","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enable/disable user interaction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Configurable zoom limits and rotation constraints (vertical and horizontal)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Option for infinite rotation on any axis"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Studio-Quality Lighting","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multiple light sources mimicking a professional photography setup"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable base and accent light intensity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Directional, ambient, and area lights with soft shadows for realism"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Entrance Animations","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Library of one-shot animations: slides, scale up, drop & settle, spin in, tilt, rise, plus simulated camera moves (dolly, orbit reveal, crane, focus pull)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable speed and delay"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Plays once on the live site only (skipped on canvas)"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Floating Animation","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional floating effect with adjustable intensity, speed, and rotation"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Hover Effects","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable highlight color on hover"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Performance Optimized","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Efficient rendering with configurable detail level"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lazy loading for textures"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional canvas preview mode for the Framer editor, with a lightweight static fallback"}]},{"type":"paragraph"}]}]}]},"introduction":"Interactive 3D flipbook magazine","slug":"3d-magazine","author":{"framerUserId":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","name":"David McBacon","slug":"david-mcbacon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5adc9354-58b8-41ef-8dc9-9b6c8b000586/0l8jsfwg","metadata":{"tint":{"h":30,"s":67,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-05T08:38:24.745Z","updatedAt":"2026-07-02T13:50:16.236Z","publishedAt":"2025-11-18T15:44:38.693Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/ThreeD-magazine-framer-vWSZ.js@0T7JS6GmO5Ie67Z04tPC","previewUrl":"https://3d-magazine-component.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"0T7JS6GmO5Ie67Z04tPC","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":387,"liked":false},"comments":{"count":10},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-18T15:44:38.693Z","updatedAt":"2025-11-18T15:44:38.693Z"}],"pagination":{"next":"MDE5YTk3YTMtYjEyNS03OGFjLWJjODMtZGM3YmNlODBiYTBk","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L6b"}]