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

Create stunning, interactive footers with 100 unique shader variations, built entirely and natively in Framer. Shader Footer gives you a powerful collection of animated WebGL-style shader backgrounds that can be customized directly from the Framer properties panel without external code, plugins, or complicated setup.

Instructions

Copy and paste the ShaderFooter component into your Framer project.
Customize the footer content, links, typography, spacing, and layout.
Use the shader controls to select your preferred shader, adjust colors, mix multiple colors, and fine-tune the animation speed and frequency. Everything is editable directly inside Framer.

How it Works

Shader Footer includes 4 dedicated shader controllers:

Shader / Seed: Choose from 100 different shader variations.
Colors: Set the primary shader color or Combine multiple colors to create custom gradients and effects.
Speed & Frequency: Control the animation speed and shader movement intensity.

Beyond the shader controls, the footer is fully native to Framer, giving you complete control over typography, font family, font size, spacing, padding, alignment, colors, links, and other native Framer properties.

Main Features

100 unique animated shader backgrounds
Custom color and multi-color mixing
Adjustable shader speed and frequency
Fully responsive across desktop, tablet, and mobile
Fully editable typography and layout
Customize spacing, padding, sizing, and alignment
Ready-to-use footer structure
Easy to duplicate and reuse across projects
Smooth animated backgrounds
Designed for modern websites and landing pages

Use Cases

Perfect for creative agencies, design studios, SaaS websites, startups, portfolios, personal websites, digital products, AI websites, creative portfolios, Web3 projects, and modern landing pages.

Made with ❤ by Soyeb

Have questions or need a custom Framer component? Reach out at heysoyebali@gmail.com

63:Tbf9,

Create an Apple-inspired foldable iPhone reveal for Framer. iPhone Duo Scroll displays a realistic 3D iPhone Duo that unfolds as visitors scroll, or opens and closes through mouse and touch drag gestures.

Use it for product launches, app showcases, portfolio case studies, SaaS landing pages, mobile app presentations, interactive hero sections, and creative website transitions.

The component is responsive, ready to use, and designed for no-code Framer creators.

Instructions

Copy and paste iPhone Duo Scroll into your Framer project.
Choose Page Scroll or Swipe & Drag
Customize the device, screen content, clock, animation, and loading state through the right-hand properties panel.
Turn on Canvas Preview only when you need to view the 3D model inside the Framer canvas.

How It Works

The component includes controls for:

Reverse Direction: Reverse the scroll animation direction.
Phone Edge: Choose Star White or Night Sky.
Clock Mode: Choose a static lock screen or a live date and time.
Time and Date Fonts: Customize live clock font and color.
Lock Screen Elements: Show or hide the clock, Wi‑Fi icon, torch, and camera.
Fold Blur & Screen Reflection: Adjust the visual effect during the unfolding motion.
Loader: Choose a folding-phone or spinner loader.

Main Features

Realistic 3D foldable iPhone animation
Scroll-based and touch-friendly drag interactions
Responsive layout for desktop and mobile
Star White and Night Sky device frame/edge color.
Live clock and date option
Custom inner and outer screen images
Adjustable blur and reflection effects
Built-in loading states
Lightweight Framer canvas mode
No-code controls for easy customization

Use Cases

App and mobile product launches
Interactive website hero sections
SaaS product demos
Portfolio case studies
Landing pages
Creative agency websites
Mobile UI presentations

Made with ❤ by Soyeb

Have questions or need a custom Framer component? Reach out at heysoyebali@gmail.com

64:Ta07,

Most vimeo video players give you a fixed interface with limited styling options. This Player takes a different approach - it gives you a fully customizable, design-first Vimeo player that you can style to match your website.

Add any Vimeo video using its Vimeo video link, then customize the player’s controls, progress bar, buttons, icons, overlays, gradients, typography, and behavior directly from Framer’s right-hand panel.

It’s not just a Vimeo embed. It’s a custom Vimeo player built for Framer and designed to fit seamlessly into your visual design system.

What makes this different

Instead of being locked into Vimeo's default player appearance, you can create a custom Vimeo video player that feels like a native part of your website.

Instructions

Copy and paste Custom Vimeo Player.
Add your Vimeo video using the Vimeo URL field.
Add a thumbnail image if needed.
Customize the player’s appearance and behavior from the right-hand property panel.
Preview or publish your website.

Features

50+ controls: Full control over styling and behavior.
Smart playback system: Automatically pauses when off-screen and resumes correctly.
Ambient glow effect: Dynamic lighting based on video colors.
Keyboard controls: Spacebar playback toggle included.
CMS Support: You can add any video url from any CMS field
Custom icons everywhere: Replace every UI element visually.
Gradient overlays: Create branded control bars.
Variant support: Connect playback state to Framer interactions.
Performance optimized: Smooth playback and transitions.

Made with ❤ by Soyeb

Have questions or need a custom Framer component? Reach out at heysoyebali@gmail.com

65:Tb91,

For a limited time, get Docspace for $109 — 30% off.

Preview ↗

Docspace is a premium Framer documentation template for developer tools, SaaS products, APIs, design systems, startups, and knowledge bases.

Inspired by the clarity of modern documentation platforms. Docspace combines a focused reading experience with powerful content management. It includes a sleek documentation-first layout, recursive sidebar navigation, API reference pages, developer guides, responsive search, & polished dark & light modes.

Why choose Docspace?

Keep all documentation content organised through CMS
Change the primary colour & typography globally in one click
Build a professional developer experience without starting from scratch
Use custom code & native CMS components built specifically for documentation

Template features

Modern, documentation-focused design
GitBook & Mintlify-inspired reading experience
CMS-powered docs, guides, API references, & navigation
Site Search modal with helpful suggested descriptions
Light & dark theme modes
Smooth mask animation for theme switching
Multi-language Support & Language Switcher
Github Live Counter
Feedback Form
Copy AI Button
16+ custom-built code components
15+ native CMS components
Fully responsive
Global text styles & colour styles
Easy no-code customisation
SEO-friendly structure

Essential documentation components

Docspace includes the building blocks needed for rich technical documentation: accordions, callouts, code blocks, API blocks, embeds, diagrams, copy prompts, steps, tweets, Vimeo embeds, dividers, audio files, youtube & more.

Whether you are a developer, designer, agency, or startup, you can remove what you don't need & keep a refined documentation site that is easy to manage.

Support

Lifetime updates included

Email support available for any questions whether before purchase or for guidance after getting started

Made with ❤ by Soyeb

Have questions or need a custom Framer component or interaction? Reach out at heysoyebali@gmail.com

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4-all:/unified/creator/c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4/activity/":[{"data":[{"id":"01a0b0ea-8cfb-75ee-b2cf-faa390ae9538","type":"comment.reply","target":{"type":"post","id":"01a0a06e-bd27-7488-a8ad-e9a590b8c8f0","preview":"Shader Footer","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4/01a0a06d-de1e-775d-b025-e1ef5a95824f.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0a06e-bd27-7488-a8ad-e9a590b8c8f0","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0b0ea-8ce2-711c-8fd0-8496caf423e0","preview":"Done","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Done"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0a06e-bd27-7488-a8ad-e9a590b8c8f0","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0af9d-ee7f-7029-a621-f7c809b9b0a0"},"repost":null}},"actors":[{"id":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","slug":"soyeb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T19:49:16.667Z","latestAt":"2026-09-17T19:49:16.667Z"},{"id":"01a0b0ea-7aca-7515-9244-61e82285df82","type":"comment.liked","target":{"type":"comment","id":"01a0af9d-ee7f-7029-a621-f7c809b9b0a0","preview":"Check your DMs on X","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Check your DMs on X"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0a06e-bd27-7488-a8ad-e9a590b8c8f0","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0af9d-ee7f-7029-a621-f7c809b9b0a0"},"repost":null}},"context":{"type":"post","id":"01a0a06e-bd27-7488-a8ad-e9a590b8c8f0","preview":"Shader Footer","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4/01a0a06d-de1e-775d-b025-e1ef5a95824f.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0a06e-bd27-7488-a8ad-e9a590b8c8f0","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","slug":"soyeb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T19:49:12.005Z","latestAt":"2026-09-17T19:49:12.005Z"},{"id":"01a0b0ea-76d4-747e-b3d9-53cc41636b10","type":"comment.reply","target":{"type":"post","id":"01a0a06e-bd27-7488-a8ad-e9a590b8c8f0","preview":"Shader Footer","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4/01a0a06d-de1e-775d-b025-e1ef5a95824f.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0a06e-bd27-7488-a8ad-e9a590b8c8f0","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0b0ea-76be-757b-8e9e-106dccf879be","preview":"Thank you Tanjim ❤️","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you Tanjim ❤️"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0a06e-bd27-7488-a8ad-e9a590b8c8f0","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0a070-048d-735d-95ff-153b3cded106"},"repost":null}},"actors":[{"id":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","slug":"soyeb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T19:49:10.996Z","latestAt":"2026-09-17T19:49:10.996Z"},{"id":"01a0b0ea-36b5-72b5-a485-c72b39c5e700","type":"comment.liked","target":{"type":"comment","id":"01a0a070-048d-735d-95ff-153b3cded106","preview":"Clean design","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean design"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0a06e-bd27-7488-a8ad-e9a590b8c8f0","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0a070-048d-735d-95ff-153b3cded106"},"repost":null}},"context":{"type":"post","id":"01a0a06e-bd27-7488-a8ad-e9a590b8c8f0","preview":"Shader Footer","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4/01a0a06d-de1e-775d-b025-e1ef5a95824f.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0a06e-bd27-7488-a8ad-e9a590b8c8f0","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","slug":"soyeb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T19:48:54.576Z","latestAt":"2026-09-17T19:48:54.576Z"},{"id":"01a0a06e-bfb2-75c9-be63-3f8ac0f1f6cb","type":"component.created","target":{"type":"component","id":"cQhj1OCMKoAX0BMSb2k5","preview":"Shader Footer","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4/01a0a06d-de1e-775d-b025-e1ef5a95824f.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","slug":"soyeb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-14T15:00:07.730Z","latestAt":"2026-09-14T15:00:07.730Z"},{"id":"01a09c58-ae99-7098-90db-9f3ff618aafc","type":"component.created","target":{"type":"component","id":"qEO6q6mn3Qg8YvSBqcLE","preview":"iPhone Duo Scroll","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4/01a09c57-7ff5-7174-a450-0fcc22f8cd0d.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","slug":"soyeb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-13T19:57:32.697Z","latestAt":"2026-09-13T19:57:32.697Z"},{"id":"01a09c4c-b6b9-74b1-89c8-33c30ec9c09b","type":"comment.liked","target":{"type":"comment","id":"01a09851-08c8-712e-8951-c567349066ec","preview":"The pacing and transitions make this feel like a tiny interactive film.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The pacing and transitions make this feel like a tiny interactive film."}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fecf7-954c-747c-8002-e3a0ebc22fbe","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a09851-08c8-712e-8951-c567349066ec"},"repost":null}},"context":{"type":"post","id":"019fecf7-954c-747c-8002-e3a0ebc22fbe","preview":"Ooo, I found this site today, and what a creative experience. Every section has a purpose, and every detail tells a story. This is how you make a website memorable. ✨","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Ooo, I found this site today, and what a creative experience. Every section has a purpose, and every detail tells a story. This is how you make a website memorable. "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]}]},"thumbnail":"https://image.mux.com/8R2xWkuUBibFXLoBGjJqKRBc6BvNL98Sr1SvRXF5ZBs/thumbnail.webp?time=14.717","targetDeleted":false,"owned":true,"actions":{"postId":"019fecf7-954c-747c-8002-e3a0ebc22fbe","like":{"count":19,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","slug":"soyeb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-13T19:44:28.341Z","latestAt":"2026-09-13T19:44:28.341Z"},{"id":"01a09c4c-b306-73be-8a48-65d54495eca3","type":"comment.reply","target":{"type":"post","id":"019fecf7-954c-747c-8002-e3a0ebc22fbe","preview":"Ooo, I found this site today, and what a creative experience. Every section has a purpose, and every detail tells a story. This is how you make a website memorable. ✨","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Ooo, I found this site today, and what a creative experience. Every section has a purpose, and every detail tells a story. This is how you make a website memorable. "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]}]},"thumbnail":"https://image.mux.com/8R2xWkuUBibFXLoBGjJqKRBc6BvNL98Sr1SvRXF5ZBs/thumbnail.webp?time=14.717","targetDeleted":false,"owned":true,"actions":{"postId":"019fecf7-954c-747c-8002-e3a0ebc22fbe","like":{"count":19,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a09c4c-b2f7-745b-a778-31ece90986e3","preview":"Yes true!!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Yes true!!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fecf7-954c-747c-8002-e3a0ebc22fbe","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a09851-08c8-712e-8951-c567349066ec"},"repost":null}},"actors":[{"id":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","slug":"soyeb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-13T19:44:27.398Z","latestAt":"2026-09-13T19:44:27.398Z"},{"id":"01a06c26-ab1e-745f-b6f0-3d6f2efa1ccf","type":"component.liked","target":{"type":"component","id":"SddxZHItko6rc9FGucSP","preview":"Gilt Navbar","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7202e78d-eada-41ce-a524-6063cf18b612/01a064a3-e81e-743a-936c-627d4efade97.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","slug":"soyeb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-04T11:21:08.634Z","latestAt":"2026-09-04T11:21:08.634Z"},{"id":"01a06c26-a57e-72c9-854f-111a4a67da48","type":"comment.created","target":{"type":"post","id":"01a064b8-4beb-7619-a84d-c503bbf08716","preview":"Gilt Navbar","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7202e78d-eada-41ce-a524-6063cf18b612/01a064a3-e81e-743a-936c-627d4efade97.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"01a064b8-4beb-7619-a84d-c503bbf08716","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a06c26-a564-77ae-827b-6abe1b6e0cb6","preview":"Amazing and unique navbar! \nI really like the shader border. Did you use a code component or Framer's native shader for it? Awesome component, btw! 🔥","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Amazing and unique navbar! "}]},{"type":"paragraph","content":[{"type":"text","text":"I really like the shader border. Did you use a code component or Framer's native shader for it? Awesome component, btw! "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a064b8-4beb-7619-a84d-c503bbf08716","like":{"count":2,"liked":false},"reply":{"parentCommentId":"01a06c26-a564-77ae-827b-6abe1b6e0cb6"},"repost":null}},"actors":[{"id":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","slug":"soyeb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-04T11:21:07.198Z","latestAt":"2026-09-04T11:21:07.198Z"},{"id":"01a05df8-64df-735a-970c-0b02d201d586","type":"component.created","target":{"type":"component","id":"m59UBaUeLSfBV4UYxLOE","preview":"Vimeo Player","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4/01a05df6-b7bf-762a-b10a-923f31394d3f.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","slug":"soyeb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-01T17:15:54.975Z","latestAt":"2026-09-01T17:15:54.975Z"},{"id":"01a02dac-2338-71cf-87d8-e30cde7affc4","type":"comment.reply","target":{"type":"post","id":"01a02bb4-1656-7628-837f-7471ce286f9b","preview":"Hi Framer creators! 👋\nHow would you build a heading like this in Framer?\nI'm thinking of two approaches:\n1. Break the text into lines and add spacing.\n2. Duplicate the text layer and offset (padding-left) the second line.\nThe first keeps everything inside a single

, which seems better for SEO. But I want to add a clip-text animation, which makes the second approach easier.\nSo, whats your approach? And is there a clean way to keep the animation while having only one H2? 🤔","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi Framer creators! "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}}]},{"type":"paragraph","content":[{"type":"text","text":"How would you build a heading like this in Framer?"}]},{"type":"paragraph","content":[{"type":"text","text":"I'm thinking of two approaches:"}]},{"type":"paragraph","content":[{"type":"text","text":"1. Break the text into lines and add spacing."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Duplicate the text layer and offset (padding-left) the second line."}]},{"type":"paragraph","content":[{"type":"text","text":"The first keeps everything inside a single

, which seems better for SEO. But I want to add a clip-text animation, which makes the second approach easier."}]},{"type":"paragraph","content":[{"type":"text","text":"So, whats your approach? And is there a clean way to keep the animation while having only one H2? "},{"type":"emoji","attrs":{"name":"thinking","emoji":"🤔"}}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4/01a02bb1-12e7-748d-8477-77e93d98de3b.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a02bb4-1656-7628-837f-7471ce286f9b","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a02dac-2318-7317-a4e2-af6a9f21b92d","preview":"Thanks tamer for this tip..","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks tamer for this tip.."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a02bb4-1656-7628-837f-7471ce286f9b","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a02c38-b209-71ad-81db-76f92fcc6259"},"repost":null}},"actors":[{"id":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","slug":"soyeb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-23T08:10:51.064Z","latestAt":"2026-08-23T08:10:51.064Z"},{"id":"01a02dab-ef8b-73d7-bceb-d19df01aa637","type":"comment.liked","target":{"type":"comment","id":"01a02c38-b209-71ad-81db-76f92fcc6259","preview":"You can use two distinct layers here to get the best of both worlds.\nStart by turning your animated text into a standard text layer styled to look like a heading. You can add an aria-hidden=\"true\" attribute using an override to make sure screen readers ignore the broken-up animated text.\nFor SEO, keep an actual H2 text layer and make it visually hidden using a custom sr-only override (since Framer doesn't use Tailwind).\nThis way, Google and screen readers will only see a single heading, and you get full animation freedom without any duplicate H2 issues","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"You can use two distinct layers here to get the best of both worlds."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Start by turning your animated text into a standard text layer styled to look like a heading. You can add an aria-hidden=\"true\" attribute using an override to make sure screen readers ignore the broken-up animated text."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"For SEO, keep an actual H2 text layer and make it visually hidden using a custom sr-only override (since Framer doesn't use Tailwind)."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"This way, Google and screen readers will only see a single heading, and you get full animation freedom without any duplicate H2 issues"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a02bb4-1656-7628-837f-7471ce286f9b","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a02c38-b209-71ad-81db-76f92fcc6259"},"repost":null}},"context":{"type":"post","id":"01a02bb4-1656-7628-837f-7471ce286f9b","preview":"Hi Framer creators! 👋\nHow would you build a heading like this in Framer?\nI'm thinking of two approaches:\n1. Break the text into lines and add spacing.\n2. Duplicate the text layer and offset (padding-left) the second line.\nThe first keeps everything inside a single

, which seems better for SEO. But I want to add a clip-text animation, which makes the second approach easier.\nSo, whats your approach? And is there a clean way to keep the animation while having only one H2? 🤔","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi Framer creators! "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}}]},{"type":"paragraph","content":[{"type":"text","text":"How would you build a heading like this in Framer?"}]},{"type":"paragraph","content":[{"type":"text","text":"I'm thinking of two approaches:"}]},{"type":"paragraph","content":[{"type":"text","text":"1. Break the text into lines and add spacing."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Duplicate the text layer and offset (padding-left) the second line."}]},{"type":"paragraph","content":[{"type":"text","text":"The first keeps everything inside a single

, which seems better for SEO. But I want to add a clip-text animation, which makes the second approach easier."}]},{"type":"paragraph","content":[{"type":"text","text":"So, whats your approach? And is there a clean way to keep the animation while having only one H2? "},{"type":"emoji","attrs":{"name":"thinking","emoji":"🤔"}}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4/01a02bb1-12e7-748d-8477-77e93d98de3b.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a02bb4-1656-7628-837f-7471ce286f9b","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","slug":"soyeb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-23T08:10:37.830Z","latestAt":"2026-08-23T08:10:37.830Z"},{"id":"01a02573-5378-75ce-8363-ff30b09bd2a9","type":"comment.liked","target":{"type":"comment","id":"01a02552-66e6-732f-ab20-ddcce51dca34","preview":"Really great! thanks for this!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Really great! thanks for this!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019dfd2d-688d-7763-9e3d-50ffe3015b94","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a02552-66e6-732f-ab20-ddcce51dca34"},"repost":null}},"context":{"type":"post","id":"019dfd2d-688d-7763-9e3d-50ffe3015b94","preview":"Text Reveal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/xDgp5el32fHNjPkyEMsb/text-reveal-BSvpv8jYZfTVKcuQWkTleiFLYwaIXu","targetDeleted":false,"owned":true,"actions":{"postId":"019dfd2d-688d-7763-9e3d-50ffe3015b94","like":{"count":522,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","slug":"soyeb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-21T17:51:50.125Z","latestAt":"2026-08-21T17:51:50.125Z"},{"id":"01a02573-4d03-702d-a244-a10111d20aa8","type":"comment.reply","target":{"type":"post","id":"019dfd2d-688d-7763-9e3d-50ffe3015b94","preview":"Text Reveal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/xDgp5el32fHNjPkyEMsb/text-reveal-BSvpv8jYZfTVKcuQWkTleiFLYwaIXu","targetDeleted":false,"owned":true,"actions":{"postId":"019dfd2d-688d-7763-9e3d-50ffe3015b94","like":{"count":522,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a02573-4ce3-722b-a86e-331b03e31eb3","preview":"You're welcome 🙂 Glad to help!!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"You're welcome "},{"type":"emoji","attrs":{"name":"slightly_smiling_face","emoji":"🙂"}},{"type":"text","text":" Glad to help!!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019dfd2d-688d-7763-9e3d-50ffe3015b94","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a02552-66e6-732f-ab20-ddcce51dca34"},"repost":null}},"actors":[{"id":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","slug":"soyeb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-21T17:51:48.483Z","latestAt":"2026-08-21T17:51:48.483Z"},{"id":"01a02514-a99e-7786-8d40-8a0bb9774f1a","type":"component.liked","target":{"type":"component","id":"7FLiJ22Vt58Qn885yXit","preview":"Revelo","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/7FLiJ22Vt58Qn885yXit/revelo-tgKbyKePPWhePZjRRzBWjP4Fv3gsO8","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","slug":"soyeb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-21T16:08:26.265Z","latestAt":"2026-08-21T16:08:26.265Z"},{"id":"01a02514-a383-71cc-a55c-64b03bdff3a3","type":"comment.created","target":{"type":"post","id":"019889a0-f046-758d-af96-bd117ed8febd","preview":"Revelo","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/7FLiJ22Vt58Qn885yXit/revelo-tgKbyKePPWhePZjRRzBWjP4Fv3gsO8","targetDeleted":false,"owned":false,"actions":{"postId":"019889a0-f046-758d-af96-bd117ed8febd","like":{"count":28,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a02514-a32b-7250-a3b0-e7796cc39041","preview":"Great component. Is this component SEO-friendly, and does it support SEO tag options like H1, H2, H6, P, and Span?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Great component. Is this component SEO-friendly, and does it support SEO tag options like H1, H2, H6, P, and Span?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019889a0-f046-758d-af96-bd117ed8febd","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a02514-a32b-7250-a3b0-e7796cc39041"},"repost":null}},"actors":[{"id":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","slug":"soyeb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-21T16:08:24.707Z","latestAt":"2026-08-21T16:08:24.707Z"},{"id":"01a02082-ef77-776b-a292-84734f0879aa","type":"comment.liked","target":{"type":"comment","id":"01a02065-fe26-722a-96e5-6f0164924796","preview":"Great work bro!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Great work bro! "}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a00c65-89c0-772a-baf5-c38779e03f52","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a02065-fe26-722a-96e5-6f0164924796"},"repost":null}},"context":{"type":"post","id":"01a00c65-89c0-772a-baf5-c38779e03f52","preview":"Docspace","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4/01a0640d-5894-7148-9984-32ae044a7d1d.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a00c65-89c0-772a-baf5-c38779e03f52","like":{"count":30,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","slug":"soyeb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-20T18:50:47.025Z","latestAt":"2026-08-20T18:50:47.025Z"},{"id":"01a02082-ec3f-73a5-8466-1d4368de5652","type":"comment.reply","target":{"type":"post","id":"01a00c65-89c0-772a-baf5-c38779e03f52","preview":"Docspace","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4/01a0640d-5894-7148-9984-32ae044a7d1d.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a00c65-89c0-772a-baf5-c38779e03f52","like":{"count":30,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a02082-ec1d-73fc-a392-7a1308cfcecd","preview":"Thank you.. Glad to know you like it, bruh! 🙌","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you.. Glad to know you like it, bruh! "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a00c65-89c0-772a-baf5-c38779e03f52","like":{"count":2,"liked":false},"reply":{"parentCommentId":"01a02065-fe26-722a-96e5-6f0164924796"},"repost":null}},"actors":[{"id":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","slug":"soyeb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-20T18:50:46.207Z","latestAt":"2026-08-20T18:50:46.207Z"},{"id":"01a01bcb-45e0-73ae-b40b-c688f38aa1dc","type":"comment.reply","target":{"type":"post","id":"019df7e0-25d7-7e4e-863a-c39daf62a4c2","preview":"Video Player X","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/d173t1MIWAKtEa7pDk4w/video-player-x-twIWL7b1zGL4Mafwj2mGhDoYo2rMbG","targetDeleted":false,"owned":true,"actions":{"postId":"019df7e0-25d7-7e4e-863a-c39daf62a4c2","like":{"count":31,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a01bcb-45c3-7378-a706-87ba82e373d3","preview":"@Adriana Berroteran \nThanks for the suggestion Adriana. I've already updated the description about 4 hours ago to make the supported video sources clearer. Please take another look at the updated description and let me know if anything is missing.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"ef3d9d38-1b35-4c11-b35d-917091f8c0e0","slug":"adriana-berroteran","label":"Adriana Berroteran","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Thanks for the suggestion Adriana. I've already updated the description about 4 hours ago to make the supported video sources clearer. Please take another look at the updated description and let me know if anything is missing."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019df7e0-25d7-7e4e-863a-c39daf62a4c2","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f8e36-5931-73be-96c4-807f427a2bec"},"repost":null}},"actors":[{"id":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","slug":"soyeb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-19T20:51:41.664Z","latestAt":"2026-08-19T20:51:41.664Z"}],"pagination":{"next":"MjAyNi0wOC0xOVQyMDo1MTo0MS42NjRafDAxYTAxYmNiLTQ1ZTAtNzNhZS1iNDBiLWM2ODhmMzhhYTFkYw","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4:/unified/posts/?creator=c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4&with=reposts":[{"data":[{"id":"01a0a06e-bd27-7488-a8ad-e9a590b8c8f0","title":null,"body":"
A fully native Framer Footer with 100 shaders to choose from. Mix colors, tune animations, and customize every detail to make it yours.
","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A fully native Framer Footer with 100 shaders to choose from. Mix colors, tune animations, and customize every detail to make it yours.","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","slug":"soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"cQhj1OCMKoAX0BMSb2k5","resolved":true,"title":"Shader Footer","body":"$62","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Create stunning, interactive footers with "},{"type":"text","text":"100 unique shader variations","marks":[{"type":"bold"}]},{"type":"text","text":", built entirely and natively in Framer. Shader Footer gives you a powerful collection of animated WebGL-style shader backgrounds that can be customized directly from the Framer properties panel without external code, plugins, or complicated setup."}]},{"type":"customHeading","content":[{"type":"text","text":"Instructions","marks":[{"type":"bold"}]},{"type":"text","text":" "}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Copy and paste the ShaderFooter component into your Framer project. "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize the footer content, links, typography, spacing, and layout."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Use the shader controls to select your preferred shader, adjust colors, "},{"type":"text","text":"mix multiple colors","marks":[{"type":"bold"}]},{"type":"text","text":", and fine-tune the animation speed and frequency. Everything is editable directly inside Framer."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How it Works","marks":[{"type":"bold"}]},{"type":"text","text":" "}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Shader Footer includes "},{"type":"text","text":"4 dedicated shader controllers","marks":[{"type":"bold"}]},{"type":"text","text":":"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shader / Seed","marks":[{"type":"bold"}]},{"type":"text","text":": Choose from 100 different shader variations."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Colors","marks":[{"type":"bold"}]},{"type":"text","text":": Set the primary shader color or Combine multiple colors to create custom gradients and effects."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Speed & Frequency","marks":[{"type":"bold"}]},{"type":"text","text":": Control the animation speed and shader movement intensity."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Beyond the shader controls, the footer is "},{"type":"text","text":"fully native to Framer","marks":[{"type":"bold"}]},{"type":"text","text":", giving you complete control over typography, font family, font size, spacing, padding, alignment, colors, links, and other native Framer properties."}]},{"type":"customHeading","content":[{"type":"text","text":"Main Features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"100 unique animated shader backgrounds"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom color and multi-color mixing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable shader speed and frequency"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully editable typography and layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize spacing, padding, sizing, and alignment"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ready-to-use footer structure"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy to duplicate and reuse across projects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth animated backgrounds"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Designed for modern websites and landing pages"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Use Cases","marks":[{"type":"bold"}]},{"type":"text","text":" "}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Perfect for creative agencies, design studios, SaaS websites, startups, portfolios, personal websites, digital products, AI websites, creative portfolios, Web3 projects, and modern landing pages."}]},{"type":"paragraph","content":[{"type":"text","text":"Made with ","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}},{"type":"text","text":" by ","marks":[{"type":"bold"}]},{"type":"text","text":"Soyeb","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/market","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"copyright","emoji":"©"}},{"type":"text","text":" 2026 Soyeb. All rights reserved.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Have questions or need a custom Framer component? Reach out at ","marks":[{"type":"bold"}]},{"type":"text","text":"heysoyebali@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:heysoyebali@gmail.com","target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Modern Footer with 100 Shaders","slug":"shader-footer","author":{"framerUserId":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","slug":"soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4/01a0a06d-de1e-775d-b025-e1ef5a95824f.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-14T15:00:06.318Z","updatedAt":"2026-09-19T21:10:47.522Z","publishedAt":"2026-09-14T15:00:06.315Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://shader-footer.framer.website","price":"9","paymentUrl":"https://buy.polar.sh/polar_cl_VFNoBfJmYcS7DafDPowjORETt5HxJQfvbjefP06G9OM","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"NiVLLAYEtmV1a9XAOnG4","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-09-19T21:10:48.619Z","createdAt":"2026-09-14T15:00:07.080Z","updatedAt":"2026-09-19T21:10:48.619Z"},{"id":"01a09c58-ac35-752b-a37a-ad8015a13098","title":null,"body":"
Meet iPhone Duo Scroll
A realistic 3D foldable iPhone component for Framer. Unfold it with scroll or swipe, then customize every detail without code.
Grab it for Free - Limited Time
","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet iPhone Duo Scroll ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A realistic 3D foldable iPhone component for Framer. Unfold it with scroll or swipe, then customize every detail without code."}]},{"type":"paragraph","content":[{"type":"text","text":"Grab it for Free - Limited Time","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","slug":"soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"qEO6q6mn3Qg8YvSBqcLE","resolved":true,"title":"iPhone Duo Scroll","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Create an Apple-inspired foldable iPhone reveal for Framer. iPhone Duo Scroll displays a realistic 3D iPhone Duo that unfolds as visitors scroll, or opens and closes through mouse and touch drag gestures."}]},{"type":"paragraph","content":[{"type":"text","text":"Use it for product launches, app showcases, portfolio case studies, SaaS landing pages, mobile app presentations, interactive hero sections, and creative website transitions. "}]},{"type":"paragraph","content":[{"type":"text","text":"The component is responsive, ready to use, and designed for no-code Framer creators."}]},{"type":"customHeading","content":[{"type":"text","text":"Instructions"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Copy and paste "},{"type":"text","text":"iPhone Duo Scroll","marks":[{"type":"bold"}]},{"type":"text","text":" into your Framer project."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose "},{"type":"text","text":"Page Scroll","marks":[{"type":"bold"}]},{"type":"text","text":" or "},{"type":"text","text":"Swipe & Drag","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize the device, screen content, clock, animation, and loading state through the right-hand properties panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Turn on "},{"type":"text","text":"Canvas Preview","marks":[{"type":"bold"}]},{"type":"text","text":" only when you need to view the 3D model inside the Framer canvas."}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"How It Works"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The component includes controls for:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reverse Direction","marks":[{"type":"bold"}]},{"type":"text","text":": Reverse the scroll animation direction."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Phone Edge","marks":[{"type":"bold"}]},{"type":"text","text":": Choose Star White or Night Sky."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clock Mode","marks":[{"type":"bold"}]},{"type":"text","text":": Choose a static lock screen or a live date and time."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Time and Date Fonts","marks":[{"type":"bold"}]},{"type":"text","text":": Customize live clock font and color."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lock Screen Elements","marks":[{"type":"bold"}]},{"type":"text","text":": Show or hide the clock, Wi‑Fi icon, torch, and camera."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fold Blur","marks":[{"type":"bold"}]},{"type":"text","text":" & "},{"type":"text","text":"Screen Reflection","marks":[{"type":"bold"}]},{"type":"text","text":": Adjust the visual effect during the unfolding motion."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Loader","marks":[{"type":"bold"}]},{"type":"text","text":": Choose a folding-phone or spinner loader."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Main Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Realistic 3D foldable iPhone animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-based and touch-friendly drag interactions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive layout for desktop and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Star White and Night Sky device frame/edge color."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live clock and date option"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom inner and outer screen images"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable blur and reflection effects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in loading states"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lightweight Framer canvas mode"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No-code controls for easy customization"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Use Cases"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"App and mobile product launches"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive website hero sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS product demos"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio case studies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative agency websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile UI presentations"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Made with ","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}},{"type":"text","text":" by ","marks":[{"type":"bold"}]},{"type":"text","text":"Soyeb","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/market","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"copyright","emoji":"©"}},{"type":"text","text":" 2026 Soyeb. All rights reserved.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Have questions or need a custom Framer component? Reach out at ","marks":[{"type":"bold"}]},{"type":"text","text":"heysoyebali@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:heysoyebali@gmail.com","target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Scroll-to-unfold Apple iPhone Duo","slug":"iphone-duo-scroll","author":{"framerUserId":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","slug":"soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4/01a09c57-7ff5-7174-a450-0fcc22f8cd0d.png","metadata":{"tint":{"h":30,"s":16,"l":30},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-13T19:57:31.466Z","updatedAt":"2026-09-13T20:45:27.028Z","publishedAt":"2026-09-13T19:57:31.462Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/iphone-duo-scroll-krsIWb.js@k7mWdtxT1InPBoSz4Bos","previewUrl":"https://iphone-duo.framer.ai","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"3a855006-6097-4489-b33b-8024cb26633e","name":"Interactions","slug":"interactions"}],"lastSaveId":"k7mWdtxT1InPBoSz4Bos","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-13T19:57:32.085Z","updatedAt":"2026-09-13T19:57:32.085Z"},{"id":"01a05df8-6253-70a8-af36-acccd7a988fe","title":null,"body":"
Want More control over Vimeo videos in Framer? 🎥
Meet Vimeo Player - a fully customizable Vimeo player ✨
","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Want More control over Vimeo videos in Framer? "},{"type":"emoji","attrs":{"name":"movie_camera","emoji":"🎥"}}]},{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"Vimeo Player","marks":[{"type":"bold"}]},{"type":"text","text":" - a fully customizable Vimeo player "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]}]},"author":{"framerUserId":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","slug":"soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"m59UBaUeLSfBV4UYxLOE","resolved":true,"title":"Vimeo Player","body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Most vimeo video players give you a fixed interface with limited styling options. This Player takes a different approach - it gives you a fully customizable, design-first Vimeo player that you can style to match your website."}]},{"type":"paragraph","content":[{"type":"text","text":"Add any Vimeo video using its "},{"type":"text","text":"Vimeo video link","marks":[{"type":"bold"}]},{"type":"text","text":", then customize the player’s controls, progress bar, buttons, icons, overlays, gradients, typography, and behavior directly from Framer’s right-hand panel."}]},{"type":"paragraph","content":[{"type":"text","text":"It’s not just a Vimeo embed. It’s a "},{"type":"text","text":"custom Vimeo player built for Framer","marks":[{"type":"bold"}]},{"type":"text","text":" and designed to fit seamlessly into your visual design system."}]},{"type":"customHeading","content":[{"type":"text","text":"What makes this different"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Instead of being locked into Vimeo's default player appearance, you can create a "},{"type":"text","text":"custom Vimeo video player","marks":[{"type":"bold"}]},{"type":"text","text":" that feels like a native part of your website."}]},{"type":"customHeading","content":[{"type":"text","text":"Instructions"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Copy and paste "},{"type":"text","text":"Custom Vimeo Player.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add your Vimeo video using the "},{"type":"text","text":"Vimeo URL","marks":[{"type":"bold"}]},{"type":"text","text":" field."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add a thumbnail image if needed."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize the player’s appearance and behavior from the right-hand property panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Preview or publish your website."}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"50+ controls: ","marks":[{"type":"bold"}]},{"type":"text","text":"Full control over styling and behavior."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smart playback system: ","marks":[{"type":"bold"}]},{"type":"text","text":"Automatically pauses when off-screen and resumes correctly."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ambient glow effect: ","marks":[{"type":"bold"}]},{"type":"text","text":"Dynamic lighting based on video colors."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keyboard controls: ","marks":[{"type":"bold"}]},{"type":"text","text":"Spacebar playback toggle included."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS Support: ","marks":[{"type":"bold"}]},{"type":"text","text":"You can add any video url from any CMS field"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom icons everywhere: ","marks":[{"type":"bold"}]},{"type":"text","text":"Replace every UI element visually."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gradient overlays: ","marks":[{"type":"bold"}]},{"type":"text","text":"Create branded control bars."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Variant support: ","marks":[{"type":"bold"}]},{"type":"text","text":"Connect playback state to Framer interactions."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Performance optimized:","marks":[{"type":"bold"}]},{"type":"text","text":" Smooth playback and transitions."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Made with ","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}},{"type":"text","text":" by ","marks":[{"type":"bold"}]},{"type":"text","text":"Soyeb","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/market","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"copyright","emoji":"©"}},{"type":"text","text":" 2026 Soyeb. All rights reserved.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Have questions or need a custom Framer component? Reach out at ","marks":[{"type":"bold"}]},{"type":"text","text":"heysoyebali@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:heysoyebali@gmail.com","target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Fully customizable Vimeo player","slug":"vimeo-player","author":{"framerUserId":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","slug":"soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4/01a05df6-b7bf-762a-b10a-923f31394d3f.png","metadata":{"tint":{"h":200,"s":86,"l":22},"width":1200,"height":900}}],"post":null,"createdAt":"2026-09-01T17:15:53.657Z","updatedAt":"2026-09-01T17:15:53.657Z","publishedAt":"2026-09-01T17:15:53.653Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://vimeo-player.framer.ai","price":"14","paymentUrl":"https://buy.polar.sh/polar_cl_InVrKxdfKxDa4pSmDAyd2UmWi6j61PKFwYFhc37ht0B","workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"rYCiTy51wgrq3TniuSAq","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-01T17:15:54.324Z","updatedAt":"2026-09-01T17:15:54.324Z"},{"id":"01a02bb4-1656-7628-837f-7471ce286f9b","title":null,"body":"
Hi Framer creators! 👋
How would you build a heading like this in Framer?
I'm thinking of two approaches:
1. Break the text into lines and add spacing.
2. Duplicate the text layer and offset (padding-left) the second line.
The first keeps everything inside a single <h2>, which seems better for SEO. But I want to add a clip-text animation, which makes the second approach easier.
So, whats your approach? And is there a clean way to keep the animation while having only one H2? 🤔
","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi Framer creators! "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}}]},{"type":"paragraph","content":[{"type":"text","text":"How would you build a heading like this in Framer?"}]},{"type":"paragraph","content":[{"type":"text","text":"I'm thinking of two approaches:"}]},{"type":"paragraph","content":[{"type":"text","text":"1. Break the text into lines and add spacing."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Duplicate the text layer and offset (padding-left) the second line."}]},{"type":"paragraph","content":[{"type":"text","text":"The first keeps everything inside a single

, which seems better for SEO. But I want to add a clip-text animation, which makes the second approach easier."}]},{"type":"paragraph","content":[{"type":"text","text":"So, whats your approach? And is there a clean way to keep the animation while having only one H2? "},{"type":"emoji","attrs":{"name":"thinking","emoji":"🤔"}}]}]},"author":{"framerUserId":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","slug":"soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4/01a02bb1-12e7-748d-8477-77e93d98de3b.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1620,"height":1080}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-22T23:00:17.628Z","updatedAt":"2026-08-22T23:00:17.628Z"},{"id":"01a02560-2ec9-7666-b81c-8a7d7e73abc5","title":null,"body":"
Wow… the @Framer Marketplace has been revamped again. 👀
The left sidebar is now hidden behind the menu, and the “Buy” button is directly accessible from the homepage.
Framer is clearly putting more focus on the Marketplace. 🔥
","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Wow… the @Framer Marketplace has been revamped again. "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]},{"type":"paragraph","content":[{"type":"text","text":"The left sidebar is now hidden behind the menu, and the “Buy” button is directly accessible from the homepage."}]},{"type":"paragraph","content":[{"type":"text","text":"Framer is clearly putting more focus on the Marketplace. "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]}]},"author":{"framerUserId":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","slug":"soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/l2bDc6aJcjT8rdkdBZ3ciI2Iy4XBH00FCOYHVr8XBG0000.m3u8","metadata":{"posterUrl":"https://image.mux.com/l2bDc6aJcjT8rdkdBZ3ciI2Iy4XBH00FCOYHVr8XBG0000/thumbnail.webp?time=24.401","aspectRatio":"1356:835","duration":35.05}}],"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-08-21T17:30:55.567Z","updatedAt":"2026-08-21T17:30:55.567Z"},{"id":"01a01713-2113-74b8-847e-91ce9308ea0b","title":null,"body":"
Just saw this website, who were they inspired from? 😭
","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just saw this website, who were they inspired from? "},{"type":"emoji","attrs":{"name":"sob","emoji":"😭"}}]}]},"author":{"framerUserId":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","slug":"soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/zUX402tAw4i01duF02701JuW00JRRavZUitQc00oQWnFRaP4s.m3u8","metadata":{"posterUrl":"https://image.mux.com/zUX402tAw4i01duF02701JuW00JRRavZUitQc00oQWnFRaP4s/thumbnail.webp?time=29.417","aspectRatio":"4:3","duration":42.116667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":19,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-18T22:52:04.760Z","updatedAt":"2026-08-18T22:52:04.760Z"},{"id":"01a00c65-89c0-772a-baf5-c38779e03f52","title":null,"body":"
Docspace is now live! 📖
A modern Framer documentation template inspired by GitBook & Mintlify, built with CMS-powered docs, guides, API references, advanced search, dark/light themes, 30+ custom components, and responsive layouts.
Launch deal: get it for $109 - 30% off for a limited time.
Build, organise, and scale your documentation with Docspace.
","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Docspace is now live! ","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"book","emoji":"📖"}},{"type":"text","text":" ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A modern Framer documentation template inspired by GitBook & Mintlify, built with CMS-powered docs, guides, API references, advanced search, dark/light themes, 30+ custom components, and responsive layouts."}]},{"type":"paragraph","content":[{"type":"text","text":"Launch deal: get it for $109 - 30% off for a limited time.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Build, organise, and scale your documentation with Docspace."}]}]},"author":{"framerUserId":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","slug":"soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"71382","resolved":true,"title":"Docspace","body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"For a limited time, get Docspace for $109 — 30% off.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Preview ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://docspace.framer.website/","target":"_blank"}}]},{"type":"emoji","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://docspace.framer.website/","target":"_blank"}}],"attrs":{"name":"arrow_upper_right","emoji":"↗"}}]},{"type":"paragraph","content":[{"type":"text","text":"Docspace","marks":[{"type":"bold"}]},{"type":"text","text":" is a premium Framer documentation template for developer tools, SaaS products, APIs, design systems, startups, and knowledge bases."}]},{"type":"paragraph","content":[{"type":"text","text":"Inspired by the clarity of modern documentation platforms. Docspace combines a focused reading experience with powerful content management. It includes a sleek documentation-first layout, recursive sidebar navigation, API reference pages, developer guides, responsive search, & polished dark & light modes."}]},{"type":"customHeading","content":[{"type":"text","text":"Why choose Docspace?","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keep all documentation content organised through CMS"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Change the primary colour & typography globally in one click"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Build a professional developer experience without starting from scratch"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Use custom code & native CMS components built specifically for documentation"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Template features","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Modern, documentation-focused design"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"GitBook & Mintlify-inspired reading experience"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS-powered docs, guides, API references, & navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Site Search modal with helpful suggested descriptions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Light & dark theme modes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth mask animation for theme switching"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multi-language Support & Language Switcher"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Github Live Counter"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Feedback Form"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Copy AI Button"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"16+ custom-built code components"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"15+ native CMS components"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Global text styles & colour styles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy no-code customisation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SEO-friendly structure"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Essential documentation components","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Docspace includes the building blocks needed for rich technical documentation: accordions, callouts, code blocks, API blocks, embeds, diagrams, copy prompts, steps, tweets, Vimeo embeds, dividers, audio files, youtube & more."}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you are a developer, designer, agency, or startup, you can remove what you don't need & keep a refined documentation site that is easy to manage."}]},{"type":"customHeading","content":[{"type":"text","text":"Support","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Lifetime updates included"}]},{"type":"paragraph","content":[{"type":"text","text":"Email support available for any questions whether before purchase or for guidance after getting started"}]},{"type":"paragraph","content":[{"type":"text","text":"Made with ","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}},{"type":"text","text":" by ","marks":[{"type":"bold"}]},{"type":"text","text":"Soyeb","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/tmarket","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Have questions or need a custom Framer component or interaction? Reach out at "},{"type":"text","text":"heysoyebali@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:heysoyebali@gmail.com","target":"_blank"}}]}]}]},"introduction":"Modern CMS Documentation Template","slug":"docspace","author":{"framerUserId":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","slug":"soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4/01a0640d-5894-7148-9984-32ae044a7d1d.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4/01a00c62-5b17-76f9-9047-18f1b52d92e3.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4/01a00c62-5b08-7178-bd88-e1edf710fe39.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4/01a00c62-5b2b-72fa-b371-7d4feae188fa.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-16T21:06:15.554Z","updatedAt":"2026-09-11T22:54:26.773Z","publishedAt":"2026-08-16T21:06:15.550Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"99","paymentUrl":"https://soyeb.blink.store/docspace?checkout=docspace","remixUrl":null,"previewUrl":"https://docspace.framer.website/","categories":[{"id":26,"name":"AI","slug":"ai"},{"id":2,"name":"SaaS","slug":"saas"},{"id":10,"name":"Documentation","slug":"documentation"},{"id":270,"name":"Software","slug":"software"},{"id":112,"name":"Technology","slug":"technology"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":2,"name":"SaaS","slug":"saas"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":7,"name":"Light & Dark Theme","slug":"light-dark-theme"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"id":19,"name":"Localization","slug":"localization"},{"id":21,"name":"CMS","slug":"cms"},{"id":23,"name":"Rich Media","slug":"rich-media"},{"id":24,"name":"Site Search","slug":"site-search"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":39,"name":"Selection Styles","slug":"selection-styles"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"},{"id":41,"name":"Vector Sets","slug":"vector-sets"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":30,"liked":false},"comments":{"count":12},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-16T21:06:16.128Z","updatedAt":"2026-08-16T21:06:16.128Z"},{"id":"01a00141-7b30-7739-b683-6914c8dc3c96","title":null,"body":"
This Folder-style interaction is so satisfying 👀 📁
","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This Folder-style interaction is so satisfying "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"file_folder","emoji":"📁"}}]}]},"author":{"framerUserId":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","slug":"soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/013klj4NpPt01YI5ZP1pN3jKTQ7iGdGqqAXO004Ht02crGY.m3u8","metadata":{"posterUrl":"https://image.mux.com/013klj4NpPt01YI5ZP1pN3jKTQ7iGdGqqAXO004Ht02crGY/thumbnail.webp?time=13.333","aspectRatio":"4:3","duration":34.9}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":33,"liked":false},"comments":{"count":10},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-14T17:11:03.733Z","updatedAt":"2026-08-14T17:11:03.733Z"},{"id":"019ff05e-cbb2-75a6-a624-7d49c0381ec7","title":null,"body":"
Is it just me, or is this stuck message getting a little annoying? 😅
Yes, I know I have less than 200 credits left.. but do we really need to see this banner every time at the bottom?
There should at least be an close icon to dismiss or hide it. 👀
","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Is it just me, or is this stuck message getting a little annoying? "},{"type":"emoji","attrs":{"name":"sweat_smile","emoji":"😅"}}]},{"type":"paragraph","content":[{"type":"text","text":"Yes, I know I have less than 200 credits left.. but do we really need to see this banner every time at the bottom?"}]},{"type":"paragraph","content":[{"type":"text","text":"There should at least be an close icon to dismiss or hide it. "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]}]},"author":{"framerUserId":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","slug":"soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4/019ff05e-b04e-76b8-86a9-7b1a299cc77d.jpg","metadata":{"tint":{"h":0,"s":0,"l":36},"width":1620,"height":1080}}],"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":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-11T10:29:32.216Z","updatedAt":"2026-08-11T10:29:32.216Z"},{"id":"019fecf7-954c-747c-8002-e3a0ebc22fbe","title":null,"body":"
Ooo, I found this site today, and what a creative experience. Every section has a purpose, and every detail tells a story. This is how you make a website memorable. ✨
","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Ooo, I found this site today, and what a creative experience. Every section has a purpose, and every detail tells a story. This is how you make a website memorable. "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]}]},"author":{"framerUserId":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","slug":"soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/8R2xWkuUBibFXLoBGjJqKRBc6BvNL98Sr1SvRXF5ZBs.m3u8","metadata":{"posterUrl":"https://image.mux.com/8R2xWkuUBibFXLoBGjJqKRBc6BvNL98Sr1SvRXF5ZBs/thumbnail.webp?time=14.717","aspectRatio":"320:231","duration":73.366667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":19,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-10T18:37:56.432Z","updatedAt":"2026-08-10T18:37:56.432Z"},{"id":"019fe662-1162-7178-9a50-b5a03e781f55","title":null,"body":"
Wow, what an incredible 3D interactive experience. 🤯
","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Wow, what an incredible 3D interactive experience. "},{"type":"emoji","attrs":{"name":"exploding_head","emoji":"🤯"}}]}]},"author":{"framerUserId":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","slug":"soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/9sDBfhsl56ytVTtl01a37B95M9atoi6Vm9VuXDqjb7iE.m3u8","metadata":{"posterUrl":"https://image.mux.com/9sDBfhsl56ytVTtl01a37B95M9atoi6Vm9VuXDqjb7iE/thumbnail.webp?time=9.391","aspectRatio":"4:3","duration":42.266667}}],"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":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-09T11:56:54.510Z","updatedAt":"2026-08-09T11:56:54.510Z"},{"id":"019fe23d-1c2d-751f-865b-1b746148df0d","title":null,"body":"
Hi Framer community 👋
I'm honestly surprised to see 76 templates launch on the Framer Marketplace today.
When Framer 3.0 launched, the team explained that the high publishing volume was partly due to creators resubmitting older templates and a wave of new creators joining the Marketplace.
But we're now almost two months in, and we’re still seeing 70+ templates launching in a single day.
With this much new content every day, how can creators make their work stand out and get the visibility it deserves? 😭
Curious to hear how other creators are approaching this.
","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi Framer community "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}}]},{"type":"paragraph","content":[{"type":"text","text":"I'm honestly surprised to see 76 templates launch on the Framer Marketplace today."}]},{"type":"paragraph","content":[{"type":"text","text":"When Framer 3.0 launched, the team explained that the high publishing volume was partly due to creators resubmitting older templates and a wave of new creators joining the Marketplace."}]},{"type":"paragraph","content":[{"type":"text","text":"But we're now almost two months in, and we’re still seeing 70+ templates launching in a single day."}]},{"type":"paragraph","content":[{"type":"text","text":"With this much new content every day, how can creators make their work stand out and get the visibility it deserves? "},{"type":"emoji","attrs":{"name":"sob","emoji":"😭"}}]},{"type":"paragraph","content":[{"type":"text","text":"Curious to hear how other creators are approaching this."}]}]},"author":{"framerUserId":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","slug":"soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4/019fe23d-0dce-731f-8572-dc738d12eaf3.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1620,"height":1080}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":33,"liked":false},"comments":{"count":8},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-08T16:38:03.569Z","updatedAt":"2026-08-08T16:38:03.569Z"},{"id":"019fe21e-16be-72a9-aea3-479bf0b9a29d","title":null,"body":"
Art, but make it bridal. 🤍✨
","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Art, but make it bridal. "},{"type":"emoji","attrs":{"name":"white_heart","emoji":"🤍"}},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]}]},"author":{"framerUserId":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","slug":"soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/U3ir2kmygWZ9NeG6lwOOlxO00K57R9Co3KSWBLEo01NGg.m3u8","metadata":{"posterUrl":"https://image.mux.com/U3ir2kmygWZ9NeG6lwOOlxO00K57R9Co3KSWBLEo01NGg/thumbnail.webp?time=2.467","aspectRatio":"4:3","duration":37.083333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-08T16:04:10.562Z","updatedAt":"2026-08-08T16:04:10.562Z"},{"id":"019fdd25-9137-7239-b235-d4103db7e163","title":null,"body":"
😂 The person behind the @Framer account has an elite sense of humor.
Their replies never miss. Who is it? 👀
","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"joy","emoji":"😂"}},{"type":"text","text":" The person behind the "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" account has an elite sense of humor."}]},{"type":"paragraph","content":[{"type":"text","text":"Their replies never miss. Who is it? "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]}]},"author":{"framerUserId":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","slug":"soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4/019fdd24-f63b-7372-9673-b9fcd720f6d7.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1084,"height":2034}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-07T16:54:14.587Z","updatedAt":"2026-08-07T16:54:14.587Z"},{"id":"019fdc53-b298-726c-8c92-7f98df7880ab","title":null,"body":"
🌿 Found this beautiful piece of web inspiration today.
Do you think something like this could be built in Framer 🤔
","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"herb","emoji":"🌿"}},{"type":"text","text":" Found this beautiful piece of web inspiration today."}]},{"type":"paragraph","content":[{"type":"text","text":"Do you think something like this could be built in Framer "},{"type":"emoji","attrs":{"name":"thinking","emoji":"🤔"}}]}]},"author":{"framerUserId":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","slug":"soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/E01G802r4m02Hf6BSHUjAXtrlxYdnsmPVGK53PKnqtIjGc.m3u8","metadata":{"posterUrl":"https://image.mux.com/E01G802r4m02Hf6BSHUjAXtrlxYdnsmPVGK53PKnqtIjGc/thumbnail.webp?time=8.983","aspectRatio":"4:3","duration":11.116667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-07T13:05:00.573Z","updatedAt":"2026-08-07T13:05:00.573Z"},{"id":"019fd78d-bd6b-772e-80a6-ea5502a9c11e","title":null,"body":"
Framer also just added a Likes tab to your profile, making it easy to revisit posts you've liked. 🔥
","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer also just added a "},{"type":"text","text":"Likes","marks":[{"type":"bold"}]},{"type":"text","text":" tab to your profile, making it easy to revisit posts you've liked. "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]}]},"author":{"framerUserId":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","slug":"soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/gZQqt01nlF7tLcT0200pSndz013HgFkVKSBrdGud5uKAXOM.m3u8","metadata":{"posterUrl":"https://image.mux.com/gZQqt01nlF7tLcT0200pSndz013HgFkVKSBrdGud5uKAXOM/thumbnail.webp?time=1.555","aspectRatio":"1209:826","duration":6.483333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":2},"reposts":{"count":1,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-06T14:51:24.786Z","createdAt":"2026-08-06T14:50:18.351Z","updatedAt":"2026-08-06T14:51:24.786Z"},{"id":"019fd775-ffbd-7397-91ea-f5b769c298d6","title":null,"body":"
👀 Looks like @Framer is putting more focus on the Marketplace.
The sidebar now prioritizes Marketplace over the Community Feed, and they've also added mega dropdowns for Templates, Components, Plugins, and more.
Do you think this will help creators get more visibility and increase sales, or won't it make much of a difference? 🤔
","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}},{"type":"text","text":" Looks like @Framer is putting more focus on the Marketplace."}]},{"type":"paragraph","content":[{"type":"text","text":"The sidebar now prioritizes Marketplace over the Community Feed, and they've also added mega dropdowns for Templates, Components, Plugins, and more."}]},{"type":"paragraph","content":[{"type":"text","text":"Do you think this will help creators get more visibility and increase sales, or won't it make much of a difference? "},{"type":"emoji","attrs":{"name":"thinking","emoji":"🤔"}}]}]},"author":{"framerUserId":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","slug":"soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/QLT77dNAaG7EOOjMXsbu5V466zjmE67qiOrzTk9S01DA.m3u8","metadata":{"posterUrl":"https://image.mux.com/QLT77dNAaG7EOOjMXsbu5V466zjmE67qiOrzTk9S01DA/thumbnail.webp?time=5.864","aspectRatio":"684:625","duration":7.55}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-06T14:24:22.465Z","updatedAt":"2026-08-06T14:24:22.465Z"},{"id":"019fd714-6806-75ed-b5ef-281a2fdb896a","title":null,"body":"
Hi Framer Community!
I was wondering if there's a way to replicate the CMS drag-and-drop sorting sequence on the frontend.
In the CMS dashboard, we can manually reorder collection items by dragging them into the desired order. Is there any way to use that same manual order on the frontend so that the CMS list renders in exactly the same sequence as it appears in the dashboard?
Or is the manual drag-and-drop order only for the CMS interface and not exposed to the frontend?
","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi Framer Community! "}]},{"type":"paragraph","content":[{"type":"text","text":"I was wondering if there's a way to replicate the CMS drag-and-drop sorting sequence on the frontend."}]},{"type":"paragraph","content":[{"type":"text","text":"In the CMS dashboard, we can manually reorder collection items by dragging them into the desired order. Is there any way to use that same manual order on the frontend so that the CMS list renders in exactly the same sequence as it appears in the dashboard?"}]},{"type":"paragraph","content":[{"type":"text","text":"Or is the manual drag-and-drop order only for the CMS interface and not exposed to the frontend?"}]}]},"author":{"framerUserId":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","slug":"soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/rTZFKZWsJi2hYwXN901fjBFdsaBQb1bKQ7dpjbDU01IQY.m3u8","metadata":{"posterUrl":"https://image.mux.com/rTZFKZWsJi2hYwXN901fjBFdsaBQb1bKQ7dpjbDU01IQY/thumbnail.webp?time=1.573","aspectRatio":"294:157","duration":6.516667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-06T12:37:46.634Z","updatedAt":"2026-08-06T12:37:46.634Z"},{"id":"019fd1c6-3bde-7291-a21f-847cc6e14651","title":null,"body":"
WHATT THE F !!
","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"WHATT THE F !!"}]}]},"author":{"framerUserId":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","slug":"soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/2s01qyFHdC2euyn7RkqXwBnwuF9Eyn8TlVJ6acyoCrCE.m3u8","metadata":{"posterUrl":"https://image.mux.com/2s01qyFHdC2euyn7RkqXwBnwuF9Eyn8TlVJ6acyoCrCE/thumbnail.webp?time=6.267","aspectRatio":"4:3","duration":27.316667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":21,"liked":false},"comments":{"count":7},"reposts":{"count":2,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-05T11:54:17.442Z","updatedAt":"2026-08-05T11:54:17.442Z"},{"id":"019fcc9b-f748-7768-be14-7761cbadb489","title":null,"body":"
This 3D game is surprisingly Addictive 🎮🔥
My best score is 43 😂
Can you beat me? Share your score with a screenshot in the comments!
🔗 Link in the comments.
","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This 3D game is surprisingly Addictive "},{"type":"emoji","attrs":{"name":"video_game","emoji":"🎮"}},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph","content":[{"type":"text","text":"My best score is 43 "},{"type":"emoji","attrs":{"name":"joy","emoji":"😂"}}]},{"type":"paragraph","content":[{"type":"text","text":"Can you beat me? Share your score with a screenshot in the comments!"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" Link in the comments."}]}]},"author":{"framerUserId":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","name":"Soyeb","slug":"soyeb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/K7HvbCBiyRQjCcDzS7Q023kNKUdUTno00Uw3laxL47I1Y.m3u8","metadata":{"posterUrl":"https://image.mux.com/K7HvbCBiyRQjCcDzS7Q023kNKUdUTno00Uw3laxL47I1Y/thumbnail.webp?time=22.685","aspectRatio":"4:3","duration":42.033333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-04T11:50:01.299Z","updatedAt":"2026-08-04T11:50:01.299Z"}],"pagination":{"next":"MDE5ZmNjOWItZjc0OC03NzY4LWJlMTQtNzc2MWNiYWRiNDg5","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L66"}]