5e:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/40ipl9wdtrm_x.js","/creators-assets/_next/static/immutable/chunks/1bd061yvfby7i.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/261vlyelvzlq8.js","/creators-assets/_next/static/immutable/chunks/1dos0ha5yclxm.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/2sto35ho57xfv.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/3zq6fwu67wjoy.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2hfz7h1vpjv9v.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/41glpbsahf_22.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/1sqglx-c1va7i.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/31wecb1pe5ugs.js","/creators-assets/_next/static/immutable/chunks/2bej0vd4kut9m.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0mf-dfabvof5m.js","/creators-assets/_next/static/immutable/chunks/28zsl3gu7sgg3.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.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/0j6g-lz5i-3f0.js","/creators-assets/_next/static/immutable/chunks/31uxrh745m-yq.js"],"S"] 5f:T420,

Finally, CMS Carousel Pro Max is published! 🎉

After months of building, refining, and facing plenty of rejections last year that eventually made me stop, I finally came back and finished what I started. CMS Carousel Pro is now published on the Framer Marketplace.

It supports both CMS and non-CMS content, with advanced control over arrows, indicators, spacing, and card behavior.

I built it to make advanced carousel designs possible in Framer without relying on hacks or variants, while keeping everything responsive and controllable through the properties panel.

I also created four sample sections to help designers explore and recreate different carousel layouts.

Really happy to finally see this one published. 🚀

PREVIEW LINK

60:T99a,

Advance CMS and non-CMS carousel with smooth snap scrolling, auto-disabled arrows, effect support, and advanced, fully customizable arrow and indicator controls. A powerful component that can handle different section designs, saving you time and money with easy carousel updates and no more hacks for complex changes.

PREVIEW & TUTORIALS

Key feature

Supports CMS and non-CMS
Responsive
Customizable columns
Card overrides (Padding, Direction, Gap, Align, Radius, Order)
4 customizable indicator styles (Text, Dash, Dot, Progress)
Dot & Dash supports progress indicator animations when autoplay is enabled
2 customizable directional symbol styles (Arrow & Chevron)
Supports directional symbol effects
Advanced indicator placement
Advanced directional symbol placement
Auto show & hide of related property controls for easier navigation
Any effects applied to cards inside the CMS are supported only for home page
Autoplay and non-autoplay
Fading options (left, right, or both)
Dot and Dash indicators support vertical layouts when the placement set to inside
Directional symbol support both horizontal and vertical layouts
Natural drag/swipe interaction
Smooth snap scrolling with auto-disabled arrows (customizable)

Perfect for

Hero sections
Product showcase sections
Video sections
Testimonial sections
Team list sections
Blog sections
Portfolio sections
Any horizontal section

Why CMS Carousel Pro?

CMS Carousel Pro is a carousel component designed to support both CMS and non-CMS content, with advanced control over arrows and indicators. Many designers attempt design hacks just to make CMS carousels work in Framer, and it often becomes a constant headache-sometimes feeling impossible.

61:T570,

A premium, customizable before & after image comparison slider. Upload your images, customize labels, handle, divider, colors, animations, and create beautiful interactive comparisons in seconds. TUTORIAL ,  PREVIEW

Key features:

Compare two images with an interactive drag handle
Upload custom Before and After images directly from the property panel
Adjustable corner radius
Optional Before & After labels
Customize typography, alignment, colors, spacing, and backgrounds
Resize and recolor the drag handle
Adjust divider thickness and color
Smooth native animations
Configurable starting position and playback
Scroll-triggered entrance animation

Keywords:

before after, before after slider, image comparison, comparison slider, image slider, before and after, photo comparison, interactive slider, drag slider, comparison, image reveal, image comparison tool, UI comparison, glow up effect, before after effect, retouching.

59:["$","$L5e",null,{"value":{"fallback":{"$inf$activity-creator-084a5d06-15af-4158-aa36-97368a998553-all:/unified/creator/084a5d06-15af-4158-aa36-97368a998553/activity/":[{"data":[{"id":"01a0b57e-2e1e-77c5-b18b-a48fe62e65e3","type":"comment.created","target":{"type":"post","id":"01a0a5a9-f527-77fe-bc2c-258f8b26c78a","preview":"Hi everyone 👋🏻\nI’m struggling to create a carousel that displays items from a CMS collection, and I’d really appreciate some help.\nI’m working on a website where I want to showcase a collection of projects using a carousel. I’d like each carousel card to automatically pull the project’s details and image from the CMS collection. Ideally, whenever a new project is added to the collection, it should automatically appear in the carousel without requiring any manual updates.\nI’m not looking for a custom-coded component, as I don’t have a coding background and wouldn’t be able to edit or maintain it.\nIs this possible using Framer’s native CMS and carousel features? If so, could someone guide me through the setup, step by step?\nThank you in advance for your help! 🙏🏻","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi everyone 👋🏻"}]},{"type":"paragraph","content":[{"type":"text","text":"I’m struggling to create a carousel that displays items from a CMS collection, and I’d really appreciate some help."}]},{"type":"paragraph","content":[{"type":"text","text":"I’m working on a website where I want to showcase a collection of projects using a carousel. I’d like each carousel card to automatically pull the project’s details and image from the CMS collection. Ideally, whenever a new project is added to the collection, it should automatically appear in the carousel without requiring any manual updates."}]},{"type":"paragraph","content":[{"type":"text","text":"I’m "},{"type":"text","text":"not looking for a custom-coded component","marks":[{"type":"bold"}]},{"type":"text","text":", as I don’t have a coding background and wouldn’t be able to edit or maintain it."}]},{"type":"paragraph","content":[{"type":"text","text":"Is this possible using Framer’s native CMS and carousel features? If so, could someone guide me through the setup, step by step?"}]},{"type":"paragraph","content":[{"type":"text","text":"Thank you in advance for your help! 🙏🏻"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0a5a9-f527-77fe-bc2c-258f8b26c78a","like":{"count":2,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0b57e-2e06-7718-a176-dd85db82e36d","preview":"You might want to check out CMS Carousel Pro Max. It’s a code component, but you don’t need to touch or maintain any code. Just connect your CMS and customize the design directly through the properties panel. It also includes 4 carousel examples with tutorials you can follow. Hope it helps!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"You might want to check out "},{"type":"text","text":"CMS Carousel Pro Max","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://www.framer.com/marketplace/components/cms-carousel-pro-max/","target":"_blank"}}]},{"type":"text","text":". It’s a code component, but you don’t need to touch or maintain any code. Just connect your CMS and customize the design directly through the properties panel. It also includes 4 carousel examples with tutorials you can follow. Hope it helps!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0a5a9-f527-77fe-bc2c-258f8b26c78a","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0b57e-2e06-7718-a176-dd85db82e36d"},"repost":null}},"actors":[{"id":"084a5d06-15af-4158-aa36-97368a998553","name":"Jimuel Candole","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/271627/avatar.jpg","slug":"inframeui","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T17:09:00.574Z","latestAt":"2026-09-18T17:09:00.574Z"},{"id":"01a0a019-8b98-711c-bb9e-b1d94d485e42","type":"comment.reply","target":{"type":"post","id":"019f8f8c-cb6f-71af-824e-3c4e0e985c82","preview":"BeforeAfter Pro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/084a5d06-15af-4158-aa36-97368a998553/019ff1a7-4f84-751f-af14-a533f7ccad0c.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"019f8f8c-cb6f-71af-824e-3c4e0e985c82","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0a019-8b83-71ac-b1fc-e8048282737f","preview":"Thank you! Glad you like it.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you! Glad you like it."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f8f8c-cb6f-71af-824e-3c4e0e985c82","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a09f87-69f8-70b6-9cd4-5d1245e479c3"},"repost":null}},"actors":[{"id":"084a5d06-15af-4158-aa36-97368a998553","name":"Jimuel Candole","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/271627/avatar.jpg","slug":"inframeui","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T13:27:03.832Z","latestAt":"2026-09-14T13:27:03.832Z"},{"id":"01a048b5-b70c-7649-8b63-d819609b630c","type":"creator.followed","target":{"type":"creator","id":"7a7cc215-a9a7-4e2c-8592-9e29987b354a","preview":"SKRIKSI","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7a7cc215-a9a7-4e2c-8592-9e29987b354a/24echadh","slug":"skriksi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"084a5d06-15af-4158-aa36-97368a998553","name":"Jimuel Candole","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/271627/avatar.jpg","slug":"inframeui","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-28T14:11:03.559Z","latestAt":"2026-08-28T14:11:03.559Z"},{"id":"01a03d0a-ff4f-70be-ad1c-693b55cbe9a9","type":"creator.followed","target":{"type":"creator","id":"9fe0915a-1d2c-44d4-ae44-5251ad7dce8f","preview":"Cédric","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28870/avatar.jpg","slug":"cedric","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"084a5d06-15af-4158-aa36-97368a998553","name":"Jimuel Candole","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/271627/avatar.jpg","slug":"inframeui","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T07:48:46.016Z","latestAt":"2026-08-26T07:48:46.016Z"},{"id":"01a039ba-b3eb-7329-aac5-81cc05907282","type":"creator.followed","target":{"type":"creator","id":"e919a78b-b54e-4520-974f-6115a371c6a2","preview":"Vova Kolesnikov","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1085557/avatar-rF0UNK0znC6Scu5K28B6P79ke5iaq1.jpg","slug":"vova-kolesnikov","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"084a5d06-15af-4158-aa36-97368a998553","name":"Jimuel Candole","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/271627/avatar.jpg","slug":"inframeui","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-25T16:22:12.197Z","latestAt":"2026-08-25T16:22:12.197Z"},{"id":"01a039ba-a2f5-775f-889a-727286ab9673","type":"creator.followed","target":{"type":"creator","id":"a2b5f8f9-f2a0-4224-a267-398bec4c35cf","preview":"Studio Onix","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a2b5f8f9-f2a0-4224-a267-398bec4c35cf/szq4qr9y","slug":"studio-onix","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"084a5d06-15af-4158-aa36-97368a998553","name":"Jimuel Candole","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/271627/avatar.jpg","slug":"inframeui","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-25T16:22:07.858Z","latestAt":"2026-08-25T16:22:07.858Z"},{"id":"01a039b4-79c1-729a-8eaa-2468247f1ffe","type":"comment.created","target":{"type":"post","id":"019f37d5-8230-775e-b66d-ef258ed47906","preview":"Hi Framer experts 👋\nTrying to display a CMS Gallery field as a proper gallery. On the collection's detail page it works natively as a stack/grid. Kinda ok.\nTwo questions:\n1. Can I make it a carousel/slider instead of a stack/grid? \n2. Can the Gallery be used on a normal page, not just the detail page? Looks like I can only add it on a detail page. Is there a way to show it inside a Collection List card on a regular page?\nThanks 🙏","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi Framer experts ","marks":[{"type":"bold"}]},{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"wave","emoji":"👋"}}]},{"type":"paragraph","content":[{"type":"text","text":"Trying to display a CMS Gallery field as a proper gallery. On the collection's detail page it works natively as a stack/grid. Kinda ok."}]},{"type":"paragraph","content":[{"type":"text","text":"Two questions:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"1. Can I make it a "},{"type":"text","text":"carousel/slider","marks":[{"type":"code"}]},{"type":"text","text":" instead of a "},{"type":"text","text":"stack/grid","marks":[{"type":"code"}]},{"type":"text","text":"? "}]},{"type":"paragraph","content":[{"type":"text","text":"2. Can the Gallery be used on a normal page, not just the detail page? Looks like I can only add it on a detail page. Is there a way to show it inside a Collection List card on a regular page?"}]},{"type":"paragraph","content":[{"type":"text","text":"Thanks ","marks":[{"type":"bold"}]},{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"pray","emoji":"🙏"}}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e919a78b-b54e-4520-974f-6115a371c6a2/yaxbqubz","targetDeleted":false,"owned":false,"actions":{"postId":"019f37d5-8230-775e-b66d-ef258ed47906","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a039b4-79a2-71c9-9612-a38927682004","preview":"Hi Vova! 👋 Sounds like CMS Carousel Pro Max is exactly what you’re looking for. It supports both CMS and non-CMS content, and you can place CMS carousels on other pages, not just detail pages. It also includes 4 carousel design tutorials showcasing what’s possible with the component. I’ve been trying to solve this problem for months. Hope this helps!\nframer.com/marketplace/components/cms-carousel-pro-max/","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi Vova! "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}},{"type":"text","text":" Sounds like CMS Carousel Pro Max is exactly what you’re looking for. It supports both CMS and non-CMS content, and you can place CMS carousels on other pages, not just detail pages. It also includes 4 carousel design tutorials showcasing what’s possible with the component. I’ve been trying to solve this problem for months. Hope this helps!"}]},{"type":"paragraph","content":[{"type":"text","text":"framer.com/marketplace/components/cms-carousel-pro-max/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://framer.com/marketplace/components/cms-carousel-pro-max/","target":"_blank"}}]}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f37d5-8230-775e-b66d-ef258ed47906","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a039b4-79a2-71c9-9612-a38927682004"},"repost":null}},"actors":[{"id":"084a5d06-15af-4158-aa36-97368a998553","name":"Jimuel Candole","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/271627/avatar.jpg","slug":"inframeui","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-25T16:15:24.097Z","latestAt":"2026-08-25T16:15:24.097Z"},{"id":"01a039aa-7025-723e-b30e-5185b88b7dcf","type":"post.liked","target":{"type":"post","id":"019f37d5-8230-775e-b66d-ef258ed47906","preview":"Hi Framer experts 👋\nTrying to display a CMS Gallery field as a proper gallery. On the collection's detail page it works natively as a stack/grid. Kinda ok.\nTwo questions:\n1. Can I make it a carousel/slider instead of a stack/grid? \n2. Can the Gallery be used on a normal page, not just the detail page? Looks like I can only add it on a detail page. Is there a way to show it inside a Collection List card on a regular page?\nThanks 🙏","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi Framer experts ","marks":[{"type":"bold"}]},{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"wave","emoji":"👋"}}]},{"type":"paragraph","content":[{"type":"text","text":"Trying to display a CMS Gallery field as a proper gallery. On the collection's detail page it works natively as a stack/grid. Kinda ok."}]},{"type":"paragraph","content":[{"type":"text","text":"Two questions:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"1. Can I make it a "},{"type":"text","text":"carousel/slider","marks":[{"type":"code"}]},{"type":"text","text":" instead of a "},{"type":"text","text":"stack/grid","marks":[{"type":"code"}]},{"type":"text","text":"? "}]},{"type":"paragraph","content":[{"type":"text","text":"2. Can the Gallery be used on a normal page, not just the detail page? Looks like I can only add it on a detail page. Is there a way to show it inside a Collection List card on a regular page?"}]},{"type":"paragraph","content":[{"type":"text","text":"Thanks ","marks":[{"type":"bold"}]},{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"pray","emoji":"🙏"}}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e919a78b-b54e-4520-974f-6115a371c6a2/yaxbqubz","targetDeleted":false,"owned":false,"actions":{"postId":"019f37d5-8230-775e-b66d-ef258ed47906","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"084a5d06-15af-4158-aa36-97368a998553","name":"Jimuel Candole","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/271627/avatar.jpg","slug":"inframeui","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-25T16:04:26.271Z","latestAt":"2026-08-25T16:04:26.271Z"},{"id":"01a039a2-29c5-70f4-97b8-27ecbcafd747","type":"comment.created","target":{"type":"post","id":"01a03998-e76f-7227-8e80-72907ad12ddd","preview":"2026 and still no actual support for CMS image galleries\\carousels\\slideshows?\nwe get shaders, merch, AI agent integration and become a keyboard company before we ship one of the most basic features? whats going on","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"2026 and still no actual support for CMS image galleries\\carousels\\slideshows?"}]},{"type":"paragraph","content":[{"type":"text","text":"we get shaders, merch, AI agent integration and become a keyboard company before we ship one of the most basic features? whats going on"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a03998-e76f-7227-8e80-72907ad12ddd","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a039a2-29ab-768c-811f-7b23ad759255","preview":"Hey Elon, have you tried this? framer.com/marketplace/components/cms-carousel-pro-max","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey Elon, have you tried this? "},{"type":"text","text":"framer.com/marketplace/components/cms-carousel-pro-max","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.framer.com/marketplace/components/cms-carousel-pro-max/","target":"_blank"}}]}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a03998-e76f-7227-8e80-72907ad12ddd","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a039a2-29ab-768c-811f-7b23ad759255"},"repost":null}},"actors":[{"id":"084a5d06-15af-4158-aa36-97368a998553","name":"Jimuel Candole","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/271627/avatar.jpg","slug":"inframeui","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-25T15:55:23.973Z","latestAt":"2026-08-25T15:55:23.973Z"},{"id":"01a039a1-6ac5-77ba-8523-03ab73b43e47","type":"post.liked","target":{"type":"post","id":"01a03998-e76f-7227-8e80-72907ad12ddd","preview":"2026 and still no actual support for CMS image galleries\\carousels\\slideshows?\nwe get shaders, merch, AI agent integration and become a keyboard company before we ship one of the most basic features? whats going on","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"2026 and still no actual support for CMS image galleries\\carousels\\slideshows?"}]},{"type":"paragraph","content":[{"type":"text","text":"we get shaders, merch, AI agent integration and become a keyboard company before we ship one of the most basic features? whats going on"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a03998-e76f-7227-8e80-72907ad12ddd","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"084a5d06-15af-4158-aa36-97368a998553","name":"Jimuel Candole","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/271627/avatar.jpg","slug":"inframeui","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-25T15:54:35.071Z","latestAt":"2026-08-25T15:54:35.071Z"},{"id":"01a03374-e827-730a-95ea-5772d176606a","type":"comment.liked","target":{"type":"comment","id":"01a03228-e98c-777a-bb7b-3cbb73e57223","preview":"This looks super smooth! I’ve been looking for a solid way to handle both CMS and non-CMS sections without hitting a wall, and this feels like the exact fix. Love how seamlessly it handles complex layouts. Thanks a lot! You just saved me so much time!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This looks super smooth! I’ve been looking for a solid way to handle both CMS and non-CMS sections without hitting a wall, and this feels like the exact fix. Love how seamlessly it handles complex layouts. Thanks a lot! You just saved me so much time!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a02ea1-ce96-75d8-8f8b-281acbf6d0bd","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a03228-e98c-777a-bb7b-3cbb73e57223"},"repost":null}},"context":{"type":"post","id":"01a02ea1-ce96-75d8-8f8b-281acbf6d0bd","preview":"Finally 🔥, Advance CMS Carousel Pro Max 😍 makes any horizontal carousel design possible that supports CMS and non-CMS content.\nSee preview: cms-carousel-pro-max.framer.website\nGet the component: framer.com/community/marketplace/components/cms-carousel-pro-max/","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Finally "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"text","text":", Advance CMS Carousel Pro Max "},{"type":"emoji","attrs":{"name":"heart_eyes","emoji":"😍"}},{"type":"text","text":" makes any horizontal carousel design possible that supports CMS and non-CMS content."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"See preview: "},{"type":"text","text":"cms-carousel-pro-max.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://cms-carousel-pro-max.framer.website","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get the component: "},{"type":"text","text":" framer.com/community/marketplace/components/cms-carousel-pro-max/","marks":[{"type":"bold"}]}]}]},"thumbnail":"https://image.mux.com/E02SF00hTAVOLTE8wneTlImZzUGW00H7oZgq1l01EjEN00ww/thumbnail.webp?time=16.843","targetDeleted":false,"owned":true,"actions":{"postId":"01a02ea1-ce96-75d8-8f8b-281acbf6d0bd","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"actors":[{"id":"084a5d06-15af-4158-aa36-97368a998553","name":"Jimuel Candole","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/271627/avatar.jpg","slug":"inframeui","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-24T11:08:14.754Z","latestAt":"2026-08-24T11:08:14.754Z"},{"id":"019fe1f4-e96e-7246-a806-828abc9c6537","type":"component.created","target":{"type":"component","id":"6mVPHaDVNbKsi6JSjm72","preview":"CMS Carousel Pro Max","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/084a5d06-15af-4158-aa36-97368a998553/019fe1eb-4c58-7203-973d-2e6ed013b8dc.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"084a5d06-15af-4158-aa36-97368a998553","name":"Jimuel Candole","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/271627/avatar.jpg","slug":"inframeui","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-08T15:19:11.982Z","latestAt":"2026-08-08T15:19:11.982Z"},{"id":"019f91de-d030-7379-896e-09b9d33fdbdb","type":"component.liked","target":{"type":"component","id":"i2b5FD5cAk5nwNCx7gIh","preview":"CMS Showcase Card","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/i2b5FD5cAk5nwNCx7gIh/cms-showcase-card-Ffhk28EYl2zUDWTr55pWbUJiIz6N5x","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"084a5d06-15af-4158-aa36-97368a998553","name":"Jimuel Candole","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/271627/avatar.jpg","slug":"inframeui","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-24T02:05:26.442Z","latestAt":"2026-07-24T02:05:26.442Z"},{"id":"019f8f8c-ccd6-74e6-85ea-7811994fdbb4","type":"component.created","target":{"type":"component","id":"gll7LEZf6bMErP4YHEnJ","preview":"BeforeAfter Pro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/084a5d06-15af-4158-aa36-97368a998553/019ff1a7-4f84-751f-af14-a533f7ccad0c.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"084a5d06-15af-4158-aa36-97368a998553","name":"Jimuel Candole","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/271627/avatar.jpg","slug":"inframeui","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-23T15:16:37.206Z","latestAt":"2026-07-23T15:16:37.206Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:084a5d06-15af-4158-aa36-97368a998553:/unified/posts/?creator=084a5d06-15af-4158-aa36-97368a998553&with=reposts":[{"data":[{"id":"01a05788-9313-76c8-879f-65e93c3ae0de","title":null,"body":"

Finally 🔥 framer CMS carousels aren’t limited to detail pages anymore.

Have you tried CMS Carousel Pro Max? It makes any horizontal carousel design possible and works with both CMS and non-CMS content.

Worth checking. See preview: cms-carousel-pro-max.framer.website

Finally 🔥, Advance CMS Carousel Pro Max 😍 makes any horizontal carousel design possible that supports CMS and non-CMS content.

See preview: cms-carousel-pro-max.framer.website

Get the component: framer.com/community/marketplace/components/cms-carousel-pro-max/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Finally "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"text","text":", Advance CMS Carousel Pro Max "},{"type":"emoji","attrs":{"name":"heart_eyes","emoji":"😍"}},{"type":"text","text":" makes any horizontal carousel design possible that supports CMS and non-CMS content."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"See preview: "},{"type":"text","text":"cms-carousel-pro-max.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://cms-carousel-pro-max.framer.website","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get the component: "},{"type":"text","text":" framer.com/community/marketplace/components/cms-carousel-pro-max/","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"084a5d06-15af-4158-aa36-97368a998553","name":"Jimuel Candole","slug":"inframeui","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/271627/avatar.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/E02SF00hTAVOLTE8wneTlImZzUGW00H7oZgq1l01EjEN00ww.m3u8","metadata":{"posterUrl":"https://image.mux.com/E02SF00hTAVOLTE8wneTlImZzUGW00H7oZgq1l01EjEN00ww/thumbnail.webp?time=16.843","aspectRatio":"1229:917","duration":27.366667}}],"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":1},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-23T12:39:11.267Z","updatedAt":"2026-08-23T12:39:11.267Z"},{"id":"019fe1f4-e792-76a1-a7e3-a36d1c3c2f13","title":null,"body":"$5f","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Finally, CMS Carousel Pro Max is published! ","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"After months of building, refining, and facing plenty of rejections last year that eventually made me stop, I finally came back and finished what I started. "},{"type":"text","text":"CMS Carousel Pro is now published on the Framer Marketplace.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"It supports both "},{"type":"text","text":"CMS and non-CMS content","marks":[{"type":"bold"}]},{"type":"text","text":", with advanced control over arrows, indicators, spacing, and card behavior."}]},{"type":"paragraph","content":[{"type":"text","text":"I built it to make advanced carousel designs possible in Framer without relying on hacks or variants, while keeping everything responsive and controllable through the properties panel."}]},{"type":"paragraph","content":[{"type":"text","text":"I also created "},{"type":"text","text":"four sample sections","marks":[{"type":"bold"}]},{"type":"text","text":" to help designers explore and recreate different carousel layouts."}]},{"type":"paragraph","content":[{"type":"text","text":"Really happy to finally see this one published. "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]},{"type":"paragraph","content":[{"type":"text","text":"PREVIEW LINK","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://cms-carousel-pro-max.framer.website/","target":"_blank"}}]}]}]},"author":{"framerUserId":"084a5d06-15af-4158-aa36-97368a998553","name":"Jimuel Candole","slug":"inframeui","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/271627/avatar.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"6mVPHaDVNbKsi6JSjm72","resolved":true,"title":"CMS Carousel Pro Max","body":"$60","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Advance CMS and non-CMS carousel with smooth snap scrolling, auto-disabled arrows, effect support, and advanced, fully customizable arrow and indicator controls. A powerful component that can handle different section designs, saving you time and money with easy carousel updates and no more hacks for complex changes. "}]},{"type":"paragraph","content":[{"type":"text","text":"PREVIEW","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://cms-carousel-pro-max.framer.website","target":"_blank"}}]},{"type":"text","text":" & "},{"type":"text","text":"TUTORIALS","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://www.youtube.com/playlist?list=PLHTblgBEoLEQ","target":"_blank"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Key feature","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Supports CMS and non-CMS"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable columns"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card overrides (Padding, Direction, Gap, Align, Radius, Order)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"4 customizable indicator styles (Text, Dash, Dot, Progress)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dot & Dash supports progress indicator animations when autoplay is enabled"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"2 customizable directional symbol styles (Arrow & Chevron)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Supports directional symbol effects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Advanced indicator placement"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Advanced directional symbol placement"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto show & hide of related property controls for easier navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Any effects applied to cards inside the CMS are supported only for home page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay and non-autoplay"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fading options (left, right, or both)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dot and Dash indicators support vertical layouts when the placement set to inside"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Directional symbol support both horizontal and vertical layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Natural drag/swipe interaction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth snap scrolling with auto-disabled arrows (customizable)"}]},{"type":"paragraph"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product showcase sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Video sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Testimonial sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Team list sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blog sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Any horizontal section"}]},{"type":"paragraph"},{"type":"paragraph"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Why CMS Carousel Pro?","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"CMS Carousel Pro is a carousel component designed to support both CMS and non-CMS content, with advanced control over arrows and indicators. Many designers attempt design hacks just to make CMS carousels work in Framer, and it often becomes a constant headache-sometimes feeling impossible."}]}]},"introduction":"Perfect for CMS & Non-CMS Content","slug":"cms-carousel-pro-max","author":{"framerUserId":"084a5d06-15af-4158-aa36-97368a998553","name":"Jimuel Candole","slug":"inframeui","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/271627/avatar.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/084a5d06-15af-4158-aa36-97368a998553/019fe1eb-4c58-7203-973d-2e6ed013b8dc.png","metadata":{"tint":{"h":30,"s":67,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-08T15:19:11.127Z","updatedAt":"2026-08-24T02:12:16.736Z","publishedAt":"2026-08-08T15:19:11.124Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://cms-carousel-pro-max.framer.website","price":"10","paymentUrl":"https://inframeui.lemonsqueezy.com/checkout/buy/e9774f83-91b3-4250-8d94-620d527d807f","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"IUmbleOWJ4MZSysU4gWJ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":4,"edited":true,"editedAt":"2026-08-23T14:23:29.204Z","createdAt":"2026-08-08T15:19:11.506Z","updatedAt":"2026-08-23T14:23:29.204Z"},{"id":"019f8f8c-cb6f-71af-824e-3c4e0e985c82","title":null,"body":"

Just launched Before&After Pro Slider! A premium before & after image comparison component with customizable labels, handle, divider, fonts, and animations.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched Before&After Pro Slider! A premium before & after image comparison component with customizable labels, handle, divider, fonts, and animations."}]}]},"author":{"framerUserId":"084a5d06-15af-4158-aa36-97368a998553","name":"Jimuel Candole","slug":"inframeui","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/271627/avatar.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"gll7LEZf6bMErP4YHEnJ","resolved":true,"title":"BeforeAfter Pro","body":"$61","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A premium, customizable before & after image comparison slider. Upload your images, customize labels, handle, divider, colors, animations, and create beautiful interactive comparisons in seconds. "},{"type":"text","text":"TUTORIAL","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://youtu.be/S4aIc659Qrs?si=Ubw7xm-e5DwODVv8","target":"_blank"}}]},{"type":"text","text":" ,  "},{"type":"text","text":"PREVIEW","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://before-and-after-pro.framer.website/","target":"_blank"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Key features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Compare two images with an interactive drag handle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Upload custom Before and After images directly from the property panel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable corner radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional Before & After labels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize typography, alignment, colors, spacing, and backgrounds"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Resize and recolor the drag handle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust divider thickness and color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth native animations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Configurable starting position and playback"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-triggered entrance animation"}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Keywords:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"before after, before after slider, image comparison, comparison slider, image slider, before and after, photo comparison, interactive slider, drag slider, comparison, image reveal, image comparison tool, UI comparison, glow up effect, before after effect, retouching."}]}]},"introduction":"Customizable Before & After Slider","slug":"beforeafter-pro","author":{"framerUserId":"084a5d06-15af-4158-aa36-97368a998553","name":"Jimuel Candole","slug":"inframeui","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/271627/avatar.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/084a5d06-15af-4158-aa36-97368a998553/019ff1a7-4f84-751f-af14-a533f7ccad0c.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-23T15:16:36.526Z","updatedAt":"2026-08-20T16:32:01.744Z","publishedAt":"2026-07-23T15:16:36.508Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://before-and-after-pro.framer.website/","price":"5","paymentUrl":"https://inframeui.lemonsqueezy.com/checkout/buy/5cf36574-7d6e-41e5-aa4f-2e88e1e919d2","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"sPXzBrw8frKz4wZJ507A","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-23T15:16:36.848Z","updatedAt":"2026-07-23T15:16:36.848Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L62"}]