51:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:T4a5,The Framer community is one of the best places to put your work out there and grow as a creator right now. It’s more than just a place to post your work. You get to meet other creators, exchange feedback, learn from each other, and build real connections. Putting your work out there can also open unexpected doors too: collabs, freelance work, new projects, or even job opportunities. A few tips to get the most out of it ↓ • Spend a few minutes making your profile look great. Add a nice cover image, write a clear bio, and make it easy for people to understand who you are and what you make • Don’t spam. Stay active, but make sure you’re sharing something useful, interesting, or new; quality > quantity • Put effort into your captions. Share context, decisions, things you learned, or what didn’t work. • Leave thoughtful comments and feedback. Real engagement goes a long way. • Support other creators and celebrate cool work 💙 • Stay consistent The people who grow the most usually aren’t the ones posting the most or following hundreds of people. They’re the ones showing up consistently, building real connections, and adding something valuable.53:T4cf,

Ideal for showcasing visual work

Hero Carousel is a Framer template that allows you to showcase your work in an immersive gallery with fixed images and a horizontal scroll.

Optimised for all renditions (desktop, tablet, mobile) – it fits all screens and resolutions.

🔗 Live Preview

https://herocarouselv2.framer.ai/

Updates

Stay tuned for future updates, custom components and new templates: twitter.com/fw3d

Support

If you're facing any issues or need assistance, feel free to reach out on Twitter (twitter.com/fw3d) or directly by email (frederic.mouniguet@gmail.com)

Hire

I'm available for hire if you require comprehensive help to set it up and customise it with your content.

54:Tc23,

Shaders by Paper brings paper.design's open source WebGL shader library into Framer as native components. Insert a shader from the gallery and every setting shows up as a regular Framer control: colors, sliders, toggles, and image inputs.

Native Framer variants and transitions

The most valuable and unique feature of this plugin is the support for Framer variants: you can wrap a shader inside a native Framer component and create as many variants as you need.

This allows you to play with scroll triggers, scroll variants, hover states, clicks, etc. Basically all native Framer events and transitions.

Demos & walkthrough

Native easing curves

For each of your variant, you can pick the easing and duration in the Transition control. Visitors who prefer reduced motion get the end state directly.

29 shaders, infinite combinations

The library has 29 shaders in three categories:

Image filters (6), such as Paper Texture and Fluted Glass
Logo animations (3), such as Heatmap and Liquid Metal
Effects (20), such as Mesh Gradient and Dot Orbit

Each shader ships with its original presets.

Import straight from Paper

If you design in Paper, there is a shortcut: copy a shader on the Paper canvas and paste it into the plugin's Paste import tab. It becomes a Framer component with the same settings, ready to use.

License

The first shader in each category is free forever, with no watermark: Paper Texture, Heatmap, and Mesh Gradient.

A one-year license unlocks the other 26 shaders and the paste import:

39€ for one Framer account
or 149€ for a team key that covers five Framer accounts

There is no subscription, and everything you placed keeps working even if the license expires.

About

Read the documentation here

Shaders by Paper for Framer is an independent product, not affiliated with paper.design.

The shaders come from the open source Paper Shaders library, released under the Apache 2.0 license.

55:Ta64,

Synchronize your Substack publication's posts into a Framer CMS collection. One click, no API key.

Substack Sync connects your Substack publication to a Framer CMS collection and keeps it up to date in one click. Point it at a publication, hit Sync, and your posts appear as structured CMS items, ready to design with. No API key, no login. All you need is the publication URL.

Pricing & license

Free: sync your 3 most recent posts to try it out.
$29 one-time: unlimited posts, lifetime access, dedicated support. One license per Framer project.

What it does:

Fetches all public posts from any Substack publication
Imports the full post body as clean, formatted rich text (subscribe forms, paywall blocks, and other clutter are stripped out)
Maps post metadata (title, subtitle, excerpt, cover image, publish date, URL, author, tags, word count) to CMS fields
Handles publications of any size: pagination covers your full archive
Two sync modes: Full Sync (adds, updates, and removes stale items) or Add Only (never removes)
Preserves any manual edits you make in the CMS across re-syncs (e.g. a "Hidden" or "Featured" toggle)
Re-syncs stay fast: you only need to click the sync button again, and it fetches posts that are new

CMS fields created automatically:

Auto fields: title, subtitle, body, excerpt, cover image, publish date, post URL, author, tags, word count
Manual fields: Hidden and Featured (the plugin never overwrites them)

Setup takes under a minute:

Open the plugin on a Framer CMS collection
Enter your publication URL (yourpublication.substack.com or a custom domain)
Hit Sync

Requirements

A Substack publication URL (*.substack.com or a custom domain)
A Framer CMS collection
No API key or login required

Support

For setup help and troubleshooting, see the documentation here or email support@framerlabs.com.

56:T70d,

YouTube Sync connects your YouTube channel to a Framer CMS collection and keeps it up to date. Point it at a channel, hit Sync, and your videos appear as structured CMS items, ready to design with.

What it does

Fetches all public videos from a YouTube channel
Maps video metadata (title, description, thumbnail, publish date, URL) to CMS fields
Supports channels of any size
Two sync modes: Full Sync (adds, updates, and removes stale items) or Add Only (never removes)
Preserves any manual edits you make in the CMS across re-syncs

CMS fields created automatically

Title, Description, Published Date, Thumbnail, Video URL, Video ID
Hidden (boolean, user-editable: the plugin never overwrites it)

Setup takes under two minutes:

Create a free YouTube Data API key in Google Cloud Console
Enter your API key and Channel ID in the plugin
Hit Sync

Pricing

Free: sync up to 5 videos to try it out.

$99 one-time: unlimited videos, lifetime access, dedicated support. One license per Framer project.

Requirements

A YouTube Data API v3 key (free, from Google Cloud Console)
A YouTube Channel ID
A Framer CMS collection

Support

For setup help and troubleshooting, email us at support@framerlabs.com.

Roadmap

add support for Transcripts (requires YouTube OAuth)
option to sync a specific playlist instead of all channel uploads
add more custom user-editable fields

57:T7bc,

Overview

A polished audio player component built on WaveSurfer.js, designed for podcasters, musicians, and content creators who need a professional playback experience in Framer.

Audio Source

Load tracks via direct file upload or external URL. Supports MP3, WAV, and M4A formats with automatic waveform generation.

Visualization Options

Choose between bar-style or continuous wave visualization. The bar style includes contrast controls for dynamic range emphasis, while both styles support amplification adjustment. Configure bar width, gap, and corner radius for precise aesthetic control.

Playback Features

Standard playback controls with optional autoplay on preview. Time display shows elapsed time or remaining time countdown. Playback cursor with configurable width and color provides visual tracking.

Customization

Full typography control for track title, artist name, and timer display. Independent color controls for waveform, progress indicator, button, and all text elements. Optional background image or solid color fill.

Technical Notes

Single instance playback enforced—starting one player automatically pauses others on the page.

Built with WaveSurfer.js 7.8.10 for reliable cross-browser performance.

Screenshots

58:Tb10,

Built with WebGL shaders for gpu-smooth performance and optimized specifically for Framer's ecosystem. Works flawlessly across all devices with intelligent scaling and responsive design.

Key Features

Dynamic Color Transitions - Seamlessly blend between multiple border colors with smooth gradient animations
Customizable Glow Effects - Adjustable bloom and intensity controls for the perfect luminous effect
Floating Particle System - Add animated spots and smoke-like particles that dance along your borders
Real-time Animation - Smooth pulsing and flowing effects that bring static frames to life
Performance Optimized - Lightweight shader-based rendering ensures smooth animations without compromising speed
Responsive Scaling - Automatically adapts to any container size while maintaining visual quality

Advanced Controls

Border Customization - Fine-tune thickness, roundness, and softness for the perfect aesthetic
Animation Speed - Control the pace of color transitions and particle movement
Particle Density - Adjust the number and size of floating elements
Transform Controls - Precise positioning with scale, rotation, and offset options
World Size Settings - Manual override for advanced layouts and custom dimensions
Background Integration - Seamless background color blending for cohesive designs

Perfect For

Premium CTA call-to-action buttons that demand attention
Hero section frames that elevate your key messaging
Product showcase containers with luxury appeal
Interactive cards and panels that feel alive
Portfolio pieces that need that professional edge
Any design element that deserves to stand out from the crowd

No complex setup, no performance headaches – just drop it in and customize to match your brand. Whether you're building for startups or enterprise clients, this component delivers that premium feel that separates great design from good design.

Update 3rd November 2025: fixed looping glitch

----

Update 10th September 2025: fixed a glitch on Windows/Nvidia setup

Made possible thanks to paper.design and their shaders library.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-e4963e7a-50a2-4343-9e4b-cd660f2a3c6e-all:/unified/creator/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/activity/":[{"data":[{"id":"01a014d3-13b2-743b-9f4e-681fd0960040","type":"template.created","target":{"type":"template","id":"71483","preview":"Hero Carousel V2","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/01a014f5-84de-7529-941e-c487ae5a4fd9.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","slug":"fredmoon","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-18T12:22:52.594Z","latestAt":"2026-08-18T12:22:52.594Z"},{"id":"019ffca6-cd19-7712-92a6-52369339745f","type":"plugin.created","target":{"type":"plugin","id":"1475","preview":"Unicorn Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/019ffca4-b554-74f4-8889-944cfd559ae6.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","slug":"fredmoon","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-08-13T19:43:37.753Z","latestAt":"2026-08-13T19:43:37.753Z"},{"id":"019fa253-60e0-73e9-97f1-58f5f4d0d400","type":"creator.followed","target":{"type":"creator","id":"e21ead4d-031d-4038-b0fb-8660c95a1160","preview":"Elena Perini","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29427/avatar-vhcixqjqonG4JoEviSrNPwQacXE3J2.jpg","slug":"elena-perini","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","slug":"fredmoon","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-27T06:46:41.115Z","latestAt":"2026-07-27T06:46:41.115Z"},{"id":"019fa253-349f-765e-a382-b0e0dd94825c","type":"site.liked","target":{"type":"site","id":"15466","preview":"Wishlabs","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/15466/thumbnail-1sdRb6lY0N94r8D9pGsWH1EDFxQHjF.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","slug":"fredmoon","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-07-27T06:46:29.780Z","latestAt":"2026-07-27T06:46:29.780Z"},{"id":"019f48b4-49fc-75ec-b610-1457edbf9330","type":"plugin.liked","target":{"type":"plugin","id":"1307","preview":"Context Picker","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5adc9354-58b8-41ef-8dc9-9b6c8b000586/n6bpw7si","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","slug":"fredmoon","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-07-09T21:06:42.804Z","latestAt":"2026-07-09T21:06:42.804Z"},{"id":"019f43db-523a-741f-82fe-be8eb7d9d8e2","type":"plugin.liked","target":{"type":"plugin","id":"1351","preview":"Paper Shaders","previewJson":null,"thumbnail":"https://image.mux.com/Mj1wduA6iUAodF1CREA183IGZ3cSMTRBbfOtG02I5tLE/thumbnail.webp?time=6.727","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","slug":"fredmoon","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-07-08T22:31:14.740Z","latestAt":"2026-07-08T22:31:14.740Z"},{"id":"019f42bd-07d4-703b-9ec4-a125a8d01d93","type":"plugin.created","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":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","slug":"fredmoon","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-07-08T17:18:32.404Z","latestAt":"2026-07-08T17:18:32.404Z"},{"id":"019f386a-b891-7473-9a64-3558ecd71510","type":"comment.reply","target":{"type":"post","id":"019f37ac-3e0f-7092-84b6-70f674d490a8","preview":"me every month: surely this cannot work forever \n@Framer: brrrrrrr","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"me every month: surely this cannot work forever "}]},{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":": brrrrrrr"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/w6z7erar","targetDeleted":false,"owned":true,"actions":{"postId":"019f37ac-3e0f-7092-84b6-70f674d490a8","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f386a-b831-7764-a1e2-3cc5f482eaca","preview":"years of building client projects & promoting links on socials","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"years of building client projects & promoting links on socials"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f37ac-3e0f-7092-84b6-70f674d490a8","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f37b4-33ae-7038-9b7b-c8f3994499e1"},"repost":null}},"actors":[{"id":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","slug":"fredmoon","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-06T17:12:26.001Z","latestAt":"2026-07-06T17:12:26.001Z"},{"id":"019f386a-7922-752d-b60b-5b59e6ac92d9","type":"comment.liked","target":{"type":"comment","id":"019f37b4-33ae-7038-9b7b-c8f3994499e1","preview":"Those are dream outcomes ! Good job.... What is the secret ?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Those are dream outcomes ! Good job.... What is the secret ?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f37ac-3e0f-7092-84b6-70f674d490a8","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f37b4-33ae-7038-9b7b-c8f3994499e1"},"repost":null}},"context":{"type":"post","id":"019f37ac-3e0f-7092-84b6-70f674d490a8","preview":"me every month: surely this cannot work forever \n@Framer: brrrrrrr","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"me every month: surely this cannot work forever "}]},{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":": brrrrrrr"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/w6z7erar","targetDeleted":false,"owned":true,"actions":{"postId":"019f37ac-3e0f-7092-84b6-70f674d490a8","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","slug":"fredmoon","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-06T17:12:09.758Z","latestAt":"2026-07-06T17:12:09.758Z"},{"id":"019f1526-5291-7618-8979-c1610d2bc235","type":"comment.liked","target":{"type":"comment","id":"019f12f9-5b1c-7649-9f4b-23a91fea86a5","preview":"congratulations","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"congratulations"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f12f7-020a-7026-90e5-796da0828dff","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f12f9-5b1c-7649-9f4b-23a91fea86a5"},"repost":null}},"context":{"type":"post","id":"019f12f7-020a-7026-90e5-796da0828dff","preview":"the first sale always hits different!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"the first sale always hits different!"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/k35hv12g","targetDeleted":false,"owned":true,"actions":{"postId":"019f12f7-020a-7026-90e5-796da0828dff","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","slug":"fredmoon","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-29T20:51:00.876Z","latestAt":"2026-06-29T20:51:00.876Z"},{"id":"019f1526-5048-77cd-9aa5-3eee72f47855","type":"comment.liked","target":{"type":"comment","id":"019f12fb-9700-763f-a026-a3c25236fdd2","preview":"Congrats!!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Congrats!!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f12f7-020a-7026-90e5-796da0828dff","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f12fb-9700-763f-a026-a3c25236fdd2"},"repost":null}},"context":{"type":"post","id":"019f12f7-020a-7026-90e5-796da0828dff","preview":"the first sale always hits different!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"the first sale always hits different!"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/k35hv12g","targetDeleted":false,"owned":true,"actions":{"postId":"019f12f7-020a-7026-90e5-796da0828dff","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","slug":"fredmoon","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-29T20:51:00.290Z","latestAt":"2026-06-29T20:51:00.290Z"},{"id":"019f1526-4d13-71fa-b8c5-d5d4cb9ab772","type":"comment.liked","target":{"type":"comment","id":"019f12ff-09ef-7448-8078-718c493f892a","preview":"Congrats, Fred!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Congrats, Fred!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f12f7-020a-7026-90e5-796da0828dff","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f12ff-09ef-7448-8078-718c493f892a"},"repost":null}},"context":{"type":"post","id":"019f12f7-020a-7026-90e5-796da0828dff","preview":"the first sale always hits different!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"the first sale always hits different!"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/k35hv12g","targetDeleted":false,"owned":true,"actions":{"postId":"019f12f7-020a-7026-90e5-796da0828dff","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","slug":"fredmoon","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-29T20:50:59.471Z","latestAt":"2026-06-29T20:50:59.471Z"},{"id":"019f1526-4a7b-7004-a4b1-714e5dab746c","type":"comment.liked","target":{"type":"comment","id":"019f13e3-6cb1-750a-acc7-c909633b2052","preview":"Congrats!!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Congrats!!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f12f7-020a-7026-90e5-796da0828dff","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f13e3-6cb1-750a-acc7-c909633b2052"},"repost":null}},"context":{"type":"post","id":"019f12f7-020a-7026-90e5-796da0828dff","preview":"the first sale always hits different!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"the first sale always hits different!"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/k35hv12g","targetDeleted":false,"owned":true,"actions":{"postId":"019f12f7-020a-7026-90e5-796da0828dff","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","slug":"fredmoon","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-29T20:50:58.807Z","latestAt":"2026-06-29T20:50:58.807Z"},{"id":"019ef8d7-c4af-714c-8a8e-c7342e274833","type":"post.liked","target":{"type":"post","id":"019ef87f-9484-72af-acc1-ef31aa21c039","preview":"Liquid Glass","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Liquid Glass"}]}]},"thumbnail":"https://image.mux.com/WgB4gNFNz5tbll003wShwkvHi9wmKlWI5a3odtCJtbO00/thumbnail.webp?time=10.6","targetDeleted":false,"owned":false,"actions":{"postId":"019ef87f-9484-72af-acc1-ef31aa21c039","like":{"count":87,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","slug":"fredmoon","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T08:55:50.691Z","latestAt":"2026-06-24T08:55:50.691Z"},{"id":"019eee8f-cc09-75c5-862a-18a60e8234af","type":"post.liked","target":{"type":"post","id":"019edf49-30fe-7008-ad59-db525ea6031c","preview":"My hackathon entry that won’t count\nWhen you’re logged in at https://re.chujiqiqi.com, we showed your avatar on the front page. But not everyone has one set, so I wanted it to fall back to your initials, like in the Framer app.\nI couldn’t find a clean way to do it until yesterday, when I had the Framer Agent handle it. I pointed it at the user API, explained what I needed, and in 2–3 prompts it created four state variants and wired them to an override to manage everything.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My hackathon entry that won’t count","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"When you’re logged in at https://re.chujiqiqi.com, we showed your avatar on the front page. But not everyone has one set, so I wanted it to fall back to your initials, like in the Framer app."}]},{"type":"paragraph","content":[{"type":"text","text":"I couldn’t find a clean way to do it until yesterday, when I had the Framer Agent handle it. I pointed it at the user API, explained what I needed, and in 2–3 prompts it created four state variants and wired them to an override to manage everything."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6c7f4c94-b4ca-488a-a2e0-d504c4ca551d/y9ky14w0","targetDeleted":false,"owned":false,"actions":{"postId":"019edf49-30fe-7008-ad59-db525ea6031c","like":{"count":27,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","slug":"fredmoon","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-22T09:01:01.827Z","latestAt":"2026-06-22T09:01:01.827Z"},{"id":"019eee8f-638a-707f-92c1-be7cf6f80c42","type":"post.liked","target":{"type":"post","id":"019eee66-81f5-7605-960e-d3da7cbedd44","preview":"$52","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The Framer community is one of the best places to put your work out there and grow as a creator right now. "}]},{"type":"paragraph","content":[{"type":"text","text":"It’s more than just a place to post your work. You get to meet other creators, exchange feedback, learn from each other, and build real connections. Putting your work out there can also open unexpected doors too: collabs, freelance work, new projects, or even job opportunities."}]},{"type":"paragraph","content":[{"type":"text","text":"A few tips to get the most out of it ↓ "}]},{"type":"paragraph","content":[{"type":"text","text":"• Spend a few minutes making your profile look great. Add a nice cover image, write a clear bio, and make it easy for people to understand who you are and what you make"}]},{"type":"paragraph","content":[{"type":"text","text":"• Don’t spam. Stay active, but make sure you’re sharing something useful, interesting, or new; quality > quantity "}]},{"type":"paragraph","content":[{"type":"text","text":"• Put effort into your captions. Share context, decisions, things you learned, or what didn’t work. "}]},{"type":"paragraph","content":[{"type":"text","text":"• Leave thoughtful comments and feedback. Real engagement goes a long way. • Support other creators and celebrate cool work "},{"type":"emoji","attrs":{"name":"blue_heart","emoji":"💙"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"• Stay consistent"}]},{"type":"paragraph","content":[{"type":"text","text":"The people who grow the most usually aren’t the ones posting the most or following hundreds of people. They’re the ones showing up consistently, building real connections, and adding something valuable."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019eee66-81f5-7605-960e-d3da7cbedd44","like":{"count":28,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","slug":"fredmoon","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-22T09:00:35.077Z","latestAt":"2026-06-22T09:00:35.077Z"},{"id":"019ee647-b796-7779-b946-52b6e0b51367","type":"plugin.liked","target":{"type":"plugin","id":"777","preview":"Offload","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/777-FVzeJqV9nLz1egtig6GRq5YQWw4Tab","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","slug":"fredmoon","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-06-20T18:25:20.274Z","latestAt":"2026-06-20T18:25:20.274Z"},{"id":"019ee638-0527-70b8-b9d1-6cfcecb08328","type":"template.liked","target":{"type":"template","id":"65551","preview":"Kirk","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/65551/kirk-pjbtb3lUj21PNTHD036MQX7OX0f5nB","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","slug":"fredmoon","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-06-20T18:08:11.554Z","latestAt":"2026-06-20T18:08:11.554Z"},{"id":"019ee1f0-9417-738e-af69-286b9aa73162","type":"creator.followed","target":{"type":"creator","id":"7b15c3b3-6bed-498c-85ff-046ddfc6d731","preview":"Dee SPNR","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7b15c3b3-6bed-498c-85ff-046ddfc6d731/kz4h2zw1","slug":"dee-spooner","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","slug":"fredmoon","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T22:11:40.691Z","latestAt":"2026-06-19T22:11:40.691Z"},{"id":"019ee0b9-9757-7495-bcc5-d85e5145077b","type":"comment.liked","target":{"type":"comment","id":"019ee0ab-7f76-762e-af58-1cb257fc28ef","preview":"A different one. Love it.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A different one. Love it."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01985b2f-8c73-7c83-a533-6ea989e4e180","like":{"count":2,"liked":false},"reply":{"parentCommentId":"019ee0ab-7f76-762e-af58-1cb257fc28ef"},"repost":null}},"context":{"type":"post","id":"01985b2f-8c73-7c83-a533-6ea989e4e180","preview":"Nkora — Speciality Coffee","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/6835/thumbnail-hnsjhObCtBevfN6mfsosQsDJT0kgbE.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"01985b2f-8c73-7c83-a533-6ea989e4e180","like":{"count":91,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","slug":"fredmoon","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T16:31:59.826Z","latestAt":"2026-06-19T16:31:59.826Z"}],"pagination":{"next":"MjAyNi0wNi0xOVQxNjozMTo1OS44MjZafDAxOWVlMGI5LTk3NTctNzQ5NS1iY2M1LWQ4NWU1MTQ1MDc3Yg","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:e4963e7a-50a2-4343-9e4b-cd660f2a3c6e:/unified/posts/?creator=e4963e7a-50a2-4343-9e4b-cd660f2a3c6e&with=reposts":[{"data":[{"id":"01a014d3-1013-7455-b58d-f97603d0930b","title":null,"body":"

I redesigned my most successful template from the ground up. Now entirely free.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I redesigned my most successful template from the ground up. Now entirely free."}]}]},"author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"71483","resolved":true,"title":"Hero Carousel V2","body":"$53","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Ideal for showcasing visual work"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Hero Carousel","marks":[{"type":"bold"}]},{"type":"text","text":" is a Framer template that allows you to showcase your work in an immersive gallery with fixed images and a horizontal scroll."}]},{"type":"paragraph","content":[{"type":"text","text":"Optimised for all renditions (desktop, tablet, mobile) – it fits all screens and resolutions."}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" "},{"type":"text","text":"Live Preview","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"https://herocarouselv2.framer.ai/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://herocarouselv2.framer.ai/","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"Updates","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Stay tuned for future updates, custom components and new templates: "},{"type":"text","text":"twitter.com/fw3d","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://twitter.com/fw3d","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"Support","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you're facing any issues or need assistance, feel free to reach out on Twitter ("},{"type":"text","text":"twitter.com/fw3d","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://twitter.com/fw3d","target":"_blank"}}]},{"type":"text","text":") or directly by email ("},{"type":"text","text":"frederic.mouniguet@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:frederic.mouniguet@gmail.com","target":"_blank"}}]},{"type":"text","text":")"}]},{"type":"customHeading","content":[{"type":"text","text":"Hire","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"I'm available for hire if you require comprehensive help to set it up and customise it with your content. "}]}]},"introduction":"Parallax scroll effect","slug":"hero-carousel-v2","author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/caxbhJlmUVVIsx02lfi4ZIg7ZIWeLOt4AgH00C6v1M00Ks.m3u8","metadata":{"posterUrl":"https://image.mux.com/caxbhJlmUVVIsx02lfi4ZIg7ZIWeLOt4AgH00C6v1M00Ks/thumbnail.webp?time=3.733","aspectRatio":"4:3","duration":11.383333}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/01a014f5-84de-7529-941e-c487ae5a4fd9.png","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1920,"height":1440}}],"post":null,"createdAt":"2026-08-18T12:22:51.028Z","updatedAt":"2026-08-18T13:38:22.979Z","publishedAt":"2026-08-18T12:22:51.024Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/POvck7z","remixUrl":"https://framer.link/POvck7z","previewUrl":"https://herocarouselv2.framer.ai/","categories":[{"id":12,"name":"Entertainment","slug":"entertainment"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":244,"name":"Personal Blog","slug":"personal-blog"},{"id":216,"name":"Film & Actor","slug":"film-and-actor"},{"id":218,"name":"Free","slug":"free-website-templates"},{"id":263,"name":"Video","slug":"video"}],"styles":[{"id":201,"name":"Colorful","slug":"colorful"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":21,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-18T13:44:09.954Z","createdAt":"2026-08-18T12:22:51.667Z","updatedAt":"2026-08-18T13:44:09.954Z"},{"id":"019ffca6-cadb-724b-be0d-02dc1abe5148","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"1475","resolved":true,"title":"Unicorn Studio","body":"

Bring the scenes you build in Unicorn Studio onto your canvas.

Paste a project ID and the plugin fetches your scene, previews it live with its presets, and inserts it as a Framer component.

Variables

Every variable in the scene becomes a real property control: colors, numbers in the scene's own units, toggles, images, vectors. No embed code, no iframe.

Presets

Set a different preset on each Framer variant and the scene tweens between those states using the transition on the component, so a hover or a scroll can drive the shader itself.

Licence

The plugin is free to use. Scenes come from your own Unicorn Studio account, so your Unicorn plan is what applies.

How it works

1. Build and publish a scene in Unicorn Studio.

2. Copy its project ID from the embed code.

3. Paste it in and press Fetch.

4. Pick a preset (if any), then insert.

","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Bring the scenes you build in Unicorn Studio onto your canvas."}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Paste a project ID and the plugin fetches your scene, previews it live with its presets, and inserts it as a Framer component. "}]},{"type":"customHeading","content":[{"type":"text","text":"Variables"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Every variable in the scene becomes a real property control: colors, numbers in the scene's own units, toggles, images, vectors. No embed code, no iframe."}]},{"type":"customHeading","content":[{"type":"text","text":"Presets"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Set a different preset on each Framer variant and the scene tweens between those states using the transition on the component, so a hover or a scroll can drive the shader itself."}]},{"type":"customHeading","content":[{"type":"text","text":"Licence"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The plugin is free to use. Scenes come from your own Unicorn Studio account, so your Unicorn plan is what applies."}]},{"type":"customHeading","content":[{"type":"text","text":"How it works"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"1. Build and publish a scene in Unicorn Studio."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Copy its project ID from the embed code."}]},{"type":"paragraph","content":[{"type":"text","text":"3. Paste it in and press Fetch."}]},{"type":"paragraph","content":[{"type":"text","text":"4. Pick a preset (if any), then insert."}]}]},"introduction":"Interactive Motion for the web","slug":"unicorn-studio","author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/far61E7xzbkg7DWxOY002K2IRmPom02yahMTCy7k3L8x4.m3u8","metadata":{"posterUrl":"https://image.mux.com/far61E7xzbkg7DWxOY002K2IRmPom02yahMTCy7k3L8x4/thumbnail.webp?time=2.05","aspectRatio":"4:3","duration":5}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/019ffca4-b554-74f4-8889-944cfd559ae6.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-13T19:43:36.632Z","updatedAt":"2026-09-14T20:58:31.259Z","publishedAt":"2026-09-14T20:58:31.251Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"bscadjlwdci8ze3rz1ag4s4py","paid":false,"categories":[{"id":"676f63da-b192-4974-930d-73185802088a","name":"Media","slug":"media"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-13T19:43:37.179Z","updatedAt":"2026-08-13T19:43:37.179Z"},{"id":"019f42bd-0696-7328-b1b0-64d559f42577","title":null,"body":"

My newest plugin brings the entire library of Paper Shaders directly inside Framer, with native controls and support for component variants and scroll triggers.

Give it a try!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My newest plugin brings the entire library of Paper Shaders directly inside Framer, with native controls and support for component variants and scroll triggers. "}]},{"type":"paragraph","content":[{"type":"text","text":"Give it a try!"}]}]},"author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"1353","resolved":true,"title":"Shaders by Paper","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Shaders by Paper brings "},{"type":"text","text":"paper.design","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://paper.design","target":"_blank"}}]},{"type":"text","text":"'s open source WebGL shader library into Framer as native components. Insert a shader from the gallery and every setting shows up as a regular Framer control: colors, sliders, toggles, and image inputs."}]},{"type":"customHeading","content":[{"type":"text","text":"Native Framer variants and transitions"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"The most valuable and unique feature of this plugin is the support for Framer variants: you can wrap a shader inside a native Framer component and create as many variants as you need."}]},{"type":"paragraph","content":[{"type":"text","text":"This allows you to play with scroll triggers, scroll variants, hover states, clicks, etc. Basically all native Framer events and transitions."}]},{"type":"customHeading","content":[{"type":"text","text":"Demos & walkthrough"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Demo Site (Live link)","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://shadersbypaper.framer.ai/","target":"_blank"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Demo Video (YouTube)","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://youtu.be/pxw9YFggXqg","target":"_blank"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Walkthrough tutorial","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://youtu.be/G5kWeZIlQAU","target":"_blank"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"More demos and examples","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://x.com/fw3d/status/2082772796430540974","target":"_blank"}}]},{"type":"text","text":" (x.com)"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Native easing curves"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"For each of your variant, you can pick the easing and duration in the Transition control. Visitors who prefer reduced motion get the end state directly."}]},{"type":"customHeading","content":[{"type":"text","text":"29 shaders, infinite combinations"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"The library has 29 shaders in three categories:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image filters (6), such as Paper Texture and Fluted Glass"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Logo animations (3), such as Heatmap and Liquid Metal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Effects (20), such as Mesh Gradient and Dot Orbit"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Each shader ships with its original presets."}]},{"type":"customHeading","content":[{"type":"text","text":"Import straight from Paper"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"If you design in Paper, there is a shortcut: copy a shader on the Paper canvas and paste it into the plugin's Paste import tab. It becomes a Framer component with the same settings, ready to use."}]},{"type":"customHeading","content":[{"type":"text","text":"License"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"The first shader in each category is free forever, with no watermark: Paper Texture, Heatmap, and Mesh Gradient. "}]},{"type":"paragraph","content":[{"type":"text","text":"A one-year license unlocks the other 26 shaders and the paste import:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"39€ for one Framer account"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"or 149€ for a team key that covers five Framer accounts "}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"There is no subscription, and everything you placed keeps working even if the license expires."}]},{"type":"customHeading","content":[{"type":"text","text":"About"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Read the documentation here","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framerlabs.com/documentation/paper-shaders-intro","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Shaders by Paper for Framer is an independent product, not affiliated with "},{"type":"text","text":"paper.design","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://paper.design","target":"_blank"}}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"The shaders come from the open source "},{"type":"text","text":"Paper Shaders","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://github.com/paper-design/shaders","target":"_blank"}}]},{"type":"text","text":" library, released under the Apache 2.0 license."}]}]},"introduction":"Library of interactive shaders","slug":"shaders-by-paper","author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/Z7mDBgUonImGGaQwuD7L602oxSxiCBdt6wFweByuNvFM.m3u8","metadata":{"posterUrl":"https://image.mux.com/Z7mDBgUonImGGaQwuD7L602oxSxiCBdt6wFweByuNvFM/thumbnail.webp?time=2.617","aspectRatio":"4:3","duration":4}},{"type":"video","url":"https://stream.mux.com/T6q1AeYN6s1Gq00ztSDt4bJzUH2QXYLx6LwXDsB00YLJE.m3u8","metadata":{"posterUrl":"https://image.mux.com/T6q1AeYN6s1Gq00ztSDt4bJzUH2QXYLx6LwXDsB00YLJE/thumbnail.webp?time=4.783","aspectRatio":"4:3","duration":10.25}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/8ntqg03m","metadata":{"tint":{"h":216,"s":85,"l":65},"width":1200,"height":900}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/tx7wletw","metadata":{"tint":{"h":216,"s":85,"l":65},"width":1200,"height":899}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/5y8f83yl","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1200,"height":900}}],"post":null,"createdAt":"2026-07-08T17:18:31.764Z","updatedAt":"2026-08-10T09:50:24.639Z","publishedAt":"2026-08-10T09:50:24.621Z","featuredAt":"2026-07-09T14:12:15.201Z","approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"c9wj7pir35knjycdjmcmifbve","paid":true,"categories":[{"id":"676f63da-b192-4974-930d-73185802088a","name":"Media","slug":"media"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":76,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-08T17:18:32.086Z","updatedAt":"2026-07-08T17:18:32.086Z"},{"id":"019f37ac-3e0f-7092-84b6-70f674d490a8","title":null,"body":"

me every month: surely this cannot work forever

@Framer: brrrrrrr

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"me every month: surely this cannot work forever "}]},{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":": brrrrrrr"}]}]},"author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/w6z7erar","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1920,"height":1440}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-06T13:44:22.804Z","updatedAt":"2026-07-06T13:44:22.804Z"},{"id":"019f12f7-020a-7026-90e5-796da0828dff","title":null,"body":"

the first sale always hits different!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"the first sale always hits different!"}]}]},"author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/k35hv12g","metadata":{"tint":{"h":0,"s":0,"l":9},"width":648,"height":756}}],"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":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-29T10:40:05.647Z","updatedAt":"2026-06-29T10:40:05.647Z"},{"id":"019f0414-f2bb-73d9-afd8-c636abf2dd4b","title":null,"body":"

the 4 stages of a new Framer project in 2026:

1. blank canvas, Claude Code on the side

2. refine the work through fast Q/A with Claude

3. edit native UI elements directly on canvas

4. site is live

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"the 4 stages of a new Framer project in 2026: "}]},{"type":"paragraph","content":[{"type":"text","text":"1. blank canvas, Claude Code on the side "}]},{"type":"paragraph","content":[{"type":"text","text":"2. refine the work through fast Q/A with Claude "}]},{"type":"paragraph","content":[{"type":"text","text":"3. edit native UI elements directly on canvas "}]},{"type":"paragraph","content":[{"type":"text","text":"4. site is live"}]}]},"author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/dw1lw02f","metadata":{"tint":{"h":0,"s":0,"l":9},"width":2560,"height":1389}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/r8ssiqq7","metadata":{"tint":{"h":0,"s":0,"l":9},"width":3200,"height":1715}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/5rncevim","metadata":{"tint":{"h":0,"s":0,"l":9},"width":2558,"height":1389}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/1i63oaqq","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1920,"height":1440}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-26T13:18:29.566Z","updatedAt":"2026-06-26T13:18:29.566Z"},{"id":"019edf45-0ca9-7577-aa2d-1b975fd09800","title":null,"body":"

new community, new plugin!

→ https://re.chujiqiqi.com/community/marketplace/plugins/substack-sync/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"new community, new plugin!"}]},{"type":"paragraph","content":[{"type":"text","text":"→ "},{"type":"text","text":"https://re.chujiqiqi.com/community/marketplace/plugins/substack-sync/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://re.chujiqiqi.com/community/marketplace/plugins/substack-sync/","target":"_blank"}}]}]}]},"author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/sa6o5iyu","metadata":{"tint":{"h":20,"s":91,"l":35},"width":3200,"height":2400}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-19T09:45:04.942Z","updatedAt":"2026-06-19T09:45:04.942Z"},{"id":"019ed99d-4945-70c1-81a3-4ff42a7b75f2","title":null,"body":"

the Framer agent allowed me to focus on the part i love the most: creativity.

it did all the heavy lifting, and I only jumped in for the fun bit to match my taste.

and that's the whole point: THE AGENT DOESN’T REPLACE YOU. It helps you with the repetitive/boring stuff. You’re still the taste guardian of your galaxy.

what the agent did:

- page layout, text styles, etc

- wrapped my webgl in a component with 4 variants

- inserted the comp in fixed background

- added the scroll-variants interactions

what i did:

- adjust the fonts

- tweak the webgl (camera position)

give it a try for yourself → https://re.chujiqiqi.com/community/contests/agents-hackathon/submissions/95TS8NRnKBYgF4KK2iCZ3K/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"the Framer agent allowed me to focus on the part i love the most: creativity."}]},{"type":"paragraph","content":[{"type":"text","text":"it did all the heavy lifting, and I only jumped in for the fun bit to match my taste."}]},{"type":"paragraph","content":[{"type":"text","text":"and that's the whole point: THE AGENT DOESN’T REPLACE YOU. It helps you with the repetitive/boring stuff. You’re still the taste guardian of your galaxy."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"what the agent did:"}]},{"type":"paragraph","content":[{"type":"text","text":"- page layout, text styles, etc"}]},{"type":"paragraph","content":[{"type":"text","text":"- wrapped my webgl in a component with 4 variants"}]},{"type":"paragraph","content":[{"type":"text","text":"- inserted the comp in fixed background"}]},{"type":"paragraph","content":[{"type":"text","text":"- added the scroll-variants interactions"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"what i did:"}]},{"type":"paragraph","content":[{"type":"text","text":"- adjust the fonts"}]},{"type":"paragraph","content":[{"type":"text","text":"- tweak the webgl (camera position)"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"give it a try for yourself → "},{"type":"text","text":"https://re.chujiqiqi.com/community/contests/agents-hackathon/submissions/95TS8NRnKBYgF4KK2iCZ3K/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://re.chujiqiqi.com/community/contests/agents-hackathon/submissions/95TS8NRnKBYgF4KK2iCZ3K/","target":"_blank"}}]}]},{"type":"paragraph"}]},"author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/q2bGPGfVOYvssBFRfqIHKCnoNfBg7pVoH102bdNx01Ba4.m3u8","metadata":{"posterUrl":"https://image.mux.com/q2bGPGfVOYvssBFRfqIHKCnoNfBg7pVoH102bdNx01Ba4/thumbnail.webp?time=7.573","aspectRatio":"963:679","duration":12.533211}}],"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":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-18T07:23:44.330Z","updatedAt":"2026-06-18T07:23:44.330Z"},{"id":"019ed65f-d4a1-7166-b0e9-01092efba2c8","title":null,"body":"

why did I use the external Framer agent vs native one?

→ it already has access to all my framer-focused local skills and commands

→ I can give it external repos/refs

→ it can call external tools and my own mcp/connectors

→ it uses my own claude sub (max plan x5)

my submission →

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"why did I use the external Framer agent vs native one? "}]},{"type":"paragraph","content":[{"type":"text","text":"→ it already has access to all my framer-focused local skills and commands "}]},{"type":"paragraph","content":[{"type":"text","text":"→ I can give it external repos/refs "}]},{"type":"paragraph","content":[{"type":"text","text":"→ it can call external tools and my own mcp/connectors "}]},{"type":"paragraph","content":[{"type":"text","text":"→ it uses my own claude sub (max plan x5)"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"my submission → ","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"link-preview","url":"https://framer.link/UyET4nR","metadata":{"title":"WebGL Agent – Entry – Framer Community","description":"WebGL Agent — WebGL Agent — an entry in the Framer Community.","imageUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/5ff940201dba86bb/image.jpg","siteName":"Framer Community","faviconUrl":null}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T16:17:45.131Z","updatedAt":"2026-06-17T16:17:45.131Z"},{"id":"019ed62a-53bd-71be-9f68-b6775a2ed06c","title":null,"body":"

work really well on mobile too 🙌

→ https://re.chujiqiqi.com/community/contests/agents-hackathon/submissions/95TS8NRnKBYgF4KK2iCZ3K/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"work really well on mobile too 🙌"}]},{"type":"paragraph","content":[{"type":"text","text":"→ "},{"type":"text","text":"https://re.chujiqiqi.com/community/contests/agents-hackathon/submissions/95TS8NRnKBYgF4KK2iCZ3K/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://re.chujiqiqi.com/community/contests/agents-hackathon/submissions/95TS8NRnKBYgF4KK2iCZ3K/","target":"_blank"}}]}]}]},"author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/YfIAiNE8fDWj3iZVELS00J4U00hnnim02602tKnF4shqKRU.m3u8","metadata":{"posterUrl":"https://image.mux.com/YfIAiNE8fDWj3iZVELS00J4U00hnnim02602tKnF4shqKRU/thumbnail.webp?time=5.508","aspectRatio":"15:31","duration":11.831556}}],"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-17T15:19:18.721Z","updatedAt":"2026-06-17T15:19:18.721Z"},{"id":"019ed610-0331-76a4-befa-8cba954ce0e8","title":null,"body":"

👀behind the scene of how I built & prompted this webgl scroll experience for the hackathon

I recorded the whole process from start when i gave the agent 2 things:

1. a webgl scene with native framer property controls

2. a detailed prompt to build a scroll experience (full prompt in next tweet)

it went and built everything:

- the entire layout + content

- it wrapped my webgl inside 4 native comp variants

- the scroll sections + scroll triggers

- all breakpoints etc

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}},{"type":"text","text":"behind the scene of how I built & prompted this webgl scroll experience for the hackathon"}]},{"type":"paragraph","content":[{"type":"text","text":"I recorded the whole process from start when i gave the agent 2 things:"}]},{"type":"paragraph","content":[{"type":"text","text":"1. a webgl scene with native framer property controls"}]},{"type":"paragraph","content":[{"type":"text","text":"2. a detailed prompt to build a scroll experience (full prompt in next tweet)"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"it went and built everything:"}]},{"type":"paragraph","content":[{"type":"text","text":"- the entire layout + content"}]},{"type":"paragraph","content":[{"type":"text","text":"- it wrapped my webgl inside 4 native comp variants"}]},{"type":"paragraph","content":[{"type":"text","text":"- the scroll sections + scroll triggers"}]},{"type":"paragraph","content":[{"type":"text","text":"- all breakpoints etc"}]},{"type":"paragraph"}]},"author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/OA41sAWvbhDnuAAGQSxHyNWDgtFRpc7mHp00lvLXpXxc.m3u8","metadata":{"posterUrl":"https://image.mux.com/OA41sAWvbhDnuAAGQSxHyNWDgtFRpc7mHp00lvLXpXxc/thumbnail.webp?time=20.988","aspectRatio":"16:9","duration":105.9605}}],"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":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-17T14:55:25.229Z","createdAt":"2026-06-17T14:50:34.165Z","updatedAt":"2026-06-17T14:55:25.229Z"},{"id":"019ed5f2-0128-77db-b27f-4e6082d32601","title":null,"body":"

Had a lot of fun building this webgl scroll experience for the hackathon 🫶

upvote here → https://framer.link/UyET4nR

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Had a lot of fun building this webgl scroll experience for the hackathon "},{"type":"emoji","attrs":{"name":"heart_hands","emoji":"🫶"}}]},{"type":"paragraph","content":[{"type":"text","text":"upvote here → "},{"type":"text","text":"https://framer.link/UyET4nR","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/UyET4nR","target":"_blank"}}]}]}]},"author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/zadRnGXh019T2SxU1QtOBVMW4R1xeJyeDyq016jq1eaWc.m3u8","metadata":{"posterUrl":"https://image.mux.com/zadRnGXh019T2SxU1QtOBVMW4R1xeJyeDyq016jq1eaWc/thumbnail.webp?time=1.333","aspectRatio":"4:3","duration":9.933333}}],"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-17T14:17:47.563Z","updatedAt":"2026-06-17T14:17:47.563Z"},{"id":"019ed57e-826e-749c-b86e-3f42e41a9b39","title":null,"body":"

my submission for Framer hackathon 💛

full bts/recording incoming later today on x.com/fw3d

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"my submission for Framer hackathon 💛"}]},{"type":"paragraph","content":[{"type":"text","text":"full bts/recording incoming later today on "},{"type":"text","text":"x.com/fw3d","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/fw3d","target":"_blank"}}]},{"type":"text","text":" "}]}]},"author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[{"id":"019ed57e-826e-749c-b86e-41685fd993bf","contestId":"agents-hackathon","author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"]},"title":"WebGL Agent","body":"

A scrolling one-pager where a live WebGL terrain sits behind the page and shifts as you scroll.

How it came together

I provided the agent with a WebGL component supporting lots of settings via property controls. I described what I wanted, and a Framer agent did the building on the canvas:

Wrapped the WebGL scene in a native component with four variants, each its own color and terrain variations.
Tied it to the scroll so every section gets its own scene, easing slowly between them.
Built the nav, type styles, and responsive layouts, then added Lenis smooth scroll.
Checked the live site through screenshots and fixed what looked off.

Basically a site about designing with an agent, built by one.

","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"A scrolling one-pager where a live WebGL terrain sits behind the page and shifts as you scroll."}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"How it came together","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"I provided the agent with a WebGL component supporting lots of settings via property controls. I described what I wanted, and a Framer agent did the building on the canvas:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wrapped the WebGL scene in a native component with four variants, each its own color and terrain variations."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tied it to the scroll so every section gets its own scene, easing slowly between them."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built the nav, type styles, and responsive layouts, then added Lenis smooth scroll."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Checked the live site through screenshots and fixed what looked off."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Basically a site about designing with an agent, built by one."}]}]},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/5sdfuchb","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}},{"type":"video","url":"https://stream.mux.com/pBMhJ8ZbH2RMbjr1n6hTojJsNDJxe13ykPo7gMBsBUw.m3u8","metadata":{"posterUrl":"https://image.mux.com/pBMhJ8ZbH2RMbjr1n6hTojJsNDJxe13ykPo7gMBsBUw/thumbnail.webp?time=2.622","aspectRatio":"4:3","duration":9.816667}}],"post":null,"data":{"previewUrl":"https://webglagent.framer.ai/"},"winner":false,"createdAt":"2026-06-17T12:11:38.551Z","updatedAt":"2026-06-17T12:11:38.551Z"}],"categories":[],"tags":[],"likes":{"count":29,"liked":false},"comments":{"count":6},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T12:11:38.492Z","updatedAt":"2026-06-17T12:11:38.492Z"},{"id":"019ed242-3be3-747c-bc74-d140f4201d75","title":null,"body":"

New community, new plugin!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New community, new plugin!"}]}]},"author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"1277","resolved":true,"title":"Substack Sync","body":"$55","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Synchronize your Substack publication's posts into a Framer CMS collection. One click, no API key."}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Substack Sync connects your Substack publication to a Framer CMS collection and keeps it up to date in one click. Point it at a publication, hit Sync, and your posts appear as structured CMS items, ready to design with. No API key, no login. All you need is the publication URL."}]},{"type":"customHeading","content":[{"type":"text","text":"Pricing & license","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Free: sync your 3 most recent posts to try it out."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"$$29 one-time: unlimited posts, lifetime access, dedicated support. One license per Framer project."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"What it does:","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fetches all public posts from any Substack publication"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Imports the full post body as clean, formatted rich text (subscribe forms, paywall blocks, and other clutter are stripped out)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Maps post metadata (title, subtitle, excerpt, cover image, publish date, URL, author, tags, word count) to CMS fields"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Handles publications of any size: pagination covers your full archive"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Two sync modes: Full Sync (adds, updates, and removes stale items) or Add Only (never removes)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Preserves any manual edits you make in the CMS across re-syncs (e.g. a \"Hidden\" or \"Featured\" toggle)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Re-syncs stay fast: you only need to click the sync button again, and it fetches posts that are new"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"CMS fields created automatically:","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto fields: title, subtitle, body, excerpt, cover image, publish date, post URL, author, tags, word count"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Manual fields: Hidden and Featured (the plugin never overwrites them)"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Setup takes under a minute:","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Open the plugin on a Framer CMS collection"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enter your publication URL ("},{"type":"text","text":"yourpublication.substack.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://yourpublication.substack.com","target":"_blank"}}]},{"type":"text","text":" or a custom domain)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hit Sync"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Requirements","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A Substack publication URL (*."},{"type":"text","text":"substack.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://substack.com","target":"_blank"}}]},{"type":"text","text":" or a custom domain)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A Framer CMS collection"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No API key or login required"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Support","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"For setup help and troubleshooting, see the "},{"type":"text","text":"documentation here","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://fredmoon.notion.site/Framer-Substack-Sync-ee91f1c5c0b4828a9ec40176dfc67ae1","target":"_blank"}}]},{"type":"text","text":" or email support@framerlabs.com."}]}]},"introduction":"Import Substack posts in Framer","slug":"substack-sync","author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/lyq42q0g","metadata":{"tint":{"h":20,"s":91,"l":35},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/uoiiyz87","metadata":{"tint":{"h":18,"s":92,"l":33},"width":1600,"height":1199}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/oy4c1fce","metadata":{"tint":{"h":18,"s":92,"l":33},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4963e7a-50a2-4343-9e4b-cd660f2a3c6e/jlmerfg7","metadata":{"tint":{"h":18,"s":92,"l":33},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-16T21:06:56.570Z","updatedAt":"2026-06-19T09:43:35.051Z","publishedAt":"2026-06-17T16:56:51.705Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"q5be1e6ytbe6if1xcjb05dmxk","paid":true,"categories":[{"id":"1ad3e7b2-bc61-42ce-b01a-7c8bb2278f1a","name":"CMS","slug":"cms"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T21:06:56.611Z","updatedAt":"2026-06-16T21:06:56.611Z"},{"id":"019ec568-4d50-7618-9af2-b01d05091fb1","title":null,"body":"

A cool scroll experience I created using Framer scroll variants 💛

→ https://noexit.framer.ai

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A cool scroll experience I created using Framer scroll variants "},{"type":"emoji","attrs":{"name":"yellow_heart","emoji":"💛"}}]},{"type":"paragraph","content":[{"type":"text","text":"→ "},{"type":"text","text":"https://noexit.framer.ai","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://noexit.framer.ai","target":"_blank"}}]}]}]},"author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/54Lv8v28eUDvJoFVVRfViv01p780200GI00SS5RJTnoPP8Q.m3u8","metadata":{"posterUrl":"https://image.mux.com/54Lv8v28eUDvJoFVVRfViv01p780200GI00SS5RJTnoPP8Q/thumbnail.webp?time=19.482","aspectRatio":"601:431","duration":21.284033}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":16,"liked":false},"comments":{"count":8},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-14T09:13:27.635Z","updatedAt":"2026-06-14T09:13:27.635Z"},{"id":"019d1fed-ef6d-71ed-a6e5-8c1ca5a16229","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"951","resolved":true,"title":"YouTube Sync","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"YouTube Sync connects your YouTube channel to a Framer CMS collection and keeps it up to date. Point it at a channel, hit Sync, and your videos appear as structured CMS items, ready to design with."}]},{"type":"customHeading","content":[{"type":"text","text":"What it does","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fetches all public videos from a YouTube channel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Maps video metadata (title, description, thumbnail, publish date, URL) to CMS fields"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Supports channels of any size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Two sync modes: Full Sync (adds, updates, and removes stale items) or Add Only (never removes)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Preserves any manual edits you make in the CMS across re-syncs"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"CMS fields created automatically","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Title, Description, Published Date, Thumbnail, Video URL, Video ID"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hidden (boolean, user-editable: the plugin never overwrites it)"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Setup takes under two minutes:","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Create a free YouTube Data API key in Google Cloud Console"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enter your API key and Channel ID in the plugin"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hit Sync"}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Pricing"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Free","marks":[{"type":"bold"}]},{"type":"text","text":": sync up to 5 videos to try it out."}]},{"type":"paragraph","content":[{"type":"text","text":"$$99 one-time","marks":[{"type":"bold"}]},{"type":"text","text":": unlimited videos, lifetime access, dedicated support. One license per Framer project."}]},{"type":"customHeading","content":[{"type":"text","text":"Requirements"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A YouTube Data API v3 key (free, from Google Cloud Console)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A YouTube Channel ID"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A Framer CMS collection"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Support"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"For setup help and troubleshooting, email us at "},{"type":"text","text":"support@framerlabs.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:support@framerlabs.com","class":null,"target":"_blank"}}]},{"type":"text","text":"."}]},{"type":"customHeading","content":[{"type":"text","text":"Roadmap"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"add support for Transcripts (requires YouTube OAuth)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"option to sync a specific playlist instead of all channel uploads"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"add more custom user-editable fields"}]}]}]}]},"introduction":"Import your YouTube videos","slug":"youtube-sync","author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/951-PYTdEG1zc1WM2nX0i1oKcrLttkXKT4","metadata":{"tint":{"h":8,"s":90,"l":36},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/951-kHqufSHVyFAFKoOBO8d9QdZYaLwzmb","metadata":{"tint":{"h":0,"s":91,"l":35},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/951-Yr3ekilZ1W4iI73AY476pCmtbIAy8i","metadata":{"tint":{"h":0,"s":91,"l":35},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/951-Gkjs8ED0FWi2EbM0wlOE6ffB5ovCAC","metadata":{"tint":{"h":0,"s":91,"l":35},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-23T16:27:25.690Z","updatedAt":"2026-06-17T21:46:50.379Z","publishedAt":"2026-06-17T21:46:50.366Z","featuredAt":"2026-06-15T14:32:55.073Z","approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"dl5rzdy13esh9sdqhfv6rasm8","paid":true,"categories":[{"id":"1ad3e7b2-bc61-42ce-b01a-7c8bb2278f1a","name":"CMS","slug":"cms"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":36,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-24T12:59:40.269Z","updatedAt":"2026-03-24T12:59:40.269Z"},{"id":"019c89a3-adae-7170-92c7-42dd4ff6eca5","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"13363","resolved":true,"title":"Moah Studio","body":null,"bodyJson":null,"introduction":"The new home for Moah Studio, a founder-led creative agency. Built entirely in Framer with a webgl-powered hero section, multiple custom code components, scroll-triggered animations and spring-based transitions throughout to bring the content to life.","slug":"moah-studio","author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/13363/thumbnail-lAhBALNoLXeIUCSDObLzmWRGdNK2R2.jpg","metadata":{"tint":{"h":0,"s":94,"l":25},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-23T08:35:31.373Z","updatedAt":"2026-02-23T08:35:31.373Z","publishedAt":"2026-02-23T08:35:31.374Z","featuredAt":"2026-06-16T10:26:45.669Z","approvedAt":null,"type":"site","attributes":{"url":"https://www.moah.studio/","categories":[{"id":"4e292c6b-a094-4031-be7b-7affa4349187","name":"Agency","slug":"agency"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":143,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-23T08:35:31.374Z","updatedAt":"2026-02-23T08:35:31.374Z"},{"id":"019c4df1-cc3c-795e-8452-7a5898f00f04","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"A37wBBOoVUiSjvrrnDFm","resolved":true,"title":"MP3 Sound Player","body":"$57","bodyJson":null,"introduction":"Customisable and responsive sound player","slug":"mp3-sound-player","author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/A37wBBOoVUiSjvrrnDFm/mp3-sound-player-IlHNiTBhcdG2sXUD7uPWjrh8158PJu","metadata":{"tint":{"h":195,"s":58,"l":48},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-02T06:47:44.512Z","updatedAt":"2026-02-11T18:13:56.213Z","publishedAt":"2026-02-11T18:23:38.044Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Mp3player-gI08Sx.js@6xkv2UG2EqBixsW4QffT","previewUrl":"https://mp3soundplayer.framer.ai/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"6xkv2UG2EqBixsW4QffT","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":140,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-11T18:23:38.044Z","updatedAt":"2026-02-11T18:23:38.044Z"},{"id":"019ab6ec-d87e-7489-a3fd-fad2b8099b84","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-24T17:32:46.590Z","updatedAt":"2025-11-24T17:32:46.590Z"},{"id":"0198d1bf-3b6f-7aff-afae-68da11ba4a65","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"XAMdn8itEs0ZeRe8oL1N","resolved":true,"title":"🚀 Pulsating Border","body":"$58","bodyJson":null,"introduction":"","slug":"pulsating-border","author":{"framerUserId":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","name":"Fred Moon","slug":"fredmoon","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/XAMdn8itEs0ZeRe8oL1N/pulsating-border-2YC1wxVLdBcGBMIWNsKcb8inGwjN2t","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-13T21:52:25.744Z","updatedAt":"2025-11-03T11:10:20.443Z","publishedAt":"2025-08-22T12:27:07.503Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://pulsating-borders.framer.ai/","price":"15","paymentUrl":"https://fredmoon.lemonsqueezy.com/buy/2d4aaf95-fde2-45a6-aabb-02d2be31a71b","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"YxZxQsxP3vJ5ZzJoV8EW","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-08-22T12:27:07.503Z","updatedAt":"2025-08-22T12:27:07.503Z"}],"pagination":{"next":"MDE5OGQxYmYtM2I2Zi03YWZmLWFmYWUtNjhkYTExYmE0YTY1","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L59"}]