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:T656,Hi everyone, I'm building a site in Framer for a medical clinic and need some help connecting my CMS to a carousel component. Here's my situation: I already have a CMS Collection called "Doctors" with fields (Image, Author Name, Designation, Speciality, etc.). This collection is already working correctly elsewhere on my site (e.g. in my Services section, which pulls from a different collection the same way). I imported a carousel template/component (currently named "TeamMemberCardCarousel" in my layers panel) for showcasing team members. This carousel is not connected to any CMS at all — it just has static placeholder cards (a stock photo, the name "Ava Kim", and a generic bio) hardcoded into the design. What I need to figure out: Is it possible to connect an already-built CMS Collection (Doctors) to an imported carousel like this one, so it displays one card per doctor automatically? If the carousel wasn't originally built as a Collection List, do I need to rebuild it using Framer's native Collection List element instead, and then recreate the carousel's look/behavior (arrows, autoplay) around it? If so, what's the correct process to swap the carousel's static content for a Collection List while keeping the same card design (image, name, bio, "View Profile" button layout)? I've attached screenshots of my current Doctors collection and the carousel as it currently looks (static/placeholder content). Any guidance — or even just pointing me to the right doc/tutorial — would be hugely appreciated. I'm on a client deadline and this is the last piece I need to finish. Thanks so much in advance!63:T58b,

Fluid Reveal turns your cursor into a brush that paints one layer through another — driven by a real GPU fluid simulation, not a canned mask animation.

Two layers, top and bottom. Move the cursor and the fluid dissolves the top layer wherever it flows, revealing what sits underneath. The brush stretches along the direction of motion, so fast movement draws long liquid trails and slow movement pools and spreads. Every splat obeys real velocity, curl and pressure — nothing is pre-rendered, so it never repeats and never loops.

Both layers take an image, a video, or a solid colour, each with its own Fit and Focus. The canvas composites with straight alpha, so a cut-out PNG on top lets your page background show through the unrevealed areas.

Ten controls shape the feel:

Linger — how long the reveal holds before fading back

Settle — how quickly the fluid comes to rest

Swirl — vorticity, for curling smoke-like motion

Brush Size / Force — the size and punch of each splat

Stretch — how far the brush elongates with speed

Reveal — the mask threshold

Liquid Edge — hard cut through to a soft feathered boundary

Quality — simulation resolution

Touch — enable reveal on mobile

Drop it in, connect a Top and Bottom layer, and it works at any size.

Falls back to the top layer if WebGL isn't available.

64:T6d9,

Preview

Ironwood ~ Custom Home Builder & Design-Build Website Template

A premium Framer template for custom home builders, design-build firms, and renovation contractors who want a site that reads credible and high-end — not another generic contractor page.

Design: Editorial, not decorative. Restrained typography, generous spacing, and real project photography carry the design. Consistent type and color system across every page. Built with stacks for genuine responsiveness on desktop, tablet, and mobile.

Included: Home, About, Services (overview + 6 detail pages), Projects (portfolio + detail pages), Team (overview + profiles), Blog (index + post template, pre-categorized), Contact, Privacy Policy, custom 404.

CMS-driven: Four connected collections — Services, Projects, Team, Blog. Add a project, hire, or article in minutes, no code or layout rebuilding. Fields are clearly named for buyers with zero Framer experience.

Homepage flow: Hero → trust stats → value pillars → services grid → proof stats → project showcase → process (Consult, Design, Build) → team → testimonials → consultation CTA → blog preview → footer.

Forms: Working consultation booking form and newsletter signup, ready to connect to your backend.

Best for: custom home builders, design-build studios, renovation contractors, and project managers who want to signal fixed pricing, accountability, and craftsmanship.

Fully responsive. No code required.

65:T704,

Attorn is a premium law firm Framer template built for attorneys, legal practices, and professional services firms. Designed with a dark editorial aesthetic, Playfair Display serif typography, and a commanding visual language, it delivers a complete multi-page website solution that establishes authority, builds client trust, and converts visitors into consultations.

Built for corporate law practices, litigation firms, immigration lawyers, and solo practitioners who need a professional digital presence that commands attention from the first impression.

Pages included: Home, About, Services, Team, Team Detail, Blogs, Blog Post, Contact, Privacy Policy

Features:

Full light and dark mode system
Full CMS support — attorneys, blog posts, and practice areas
Playfair Display + Geist typography pairing
AI-generated custom photography with consistent cool neutral grading
Filterable team grid by practice area
Filterable blog grid by category
Contact form with map embed
Mobile responsive across all breakpoints
Privacy Policy page included
Easy to customise — no code required

🔗 Live Preview: https://kingswell-law.framer.website/

Getting started: After purchase you will receive a Framer remix link. Click the link to duplicate the template directly into your Framer account and start customising immediately.

For support contact: contact@visuvate.com

66:Tc46,

CMS Slideshow Pro

CMS Slideshow Pro is a powerful and highly customizable carousel component built for Framer CMS collections. Designed for both content-driven websites and modern interactive layouts, it transforms any Collection List into a responsive slideshow, infinite carousel, or continuous marquee with minimal setup.

Perfect for showcasing:

Blog posts
Testimonials
Portfolio projects
Team members
Product galleries
Logo marquees
Featured content sections

Key Features

Dynamic CMS Collection supportConnect directly to any Framer Collection List and automatically generate slides from CMS content.
Infinite LoopingCreate seamless looping carousels for smooth browsing experiences.
Continuous Marquee ModeBuild modern auto-scrolling layouts with adjustable direction and speed.
Responsive Multi-Item LayoutsDisplay multiple slides per view with customizable gaps and spacing.
Drag & Swipe InteractionsSupports mouse dragging and touch gestures for intuitive navigation.
Advanced Arrow ControlsFlexible positioning, grouped layouts, hover fade effects, custom sizing, radius, colors, and offsets.
Smart Pagination DotsMultiple indicator styles including circle, pill, dash, ring, square, and diamond with optional visibility limiting.
Fade Edge MaskingCreate elegant edge fade effects for premium carousel presentations.
Custom TransitionsSupports Framer transition controls for smooth animations and motion customization.
Keyboard AccessibilityArrow key navigation support for improved usability and accessibility.
Canvas + Published Site SupportWorks seamlessly inside the Framer canvas and on live published websites.

CMS Slideshow Pro is built for designers who want more flexibility, smoother interactions, and advanced carousel functionality without relying on external libraries or complicated setups.For any queries, email: contact@visuvate.com

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-03872723-1406-4f01-82fe-250a8a9bddd7-all:/unified/creator/03872723-1406-4f01-82fe-250a8a9bddd7/activity/":[{"data":[{"id":"019ff04d-3075-73e3-8151-57c32266b31a","type":"comment.reply","target":{"type":"post","id":"019fefed-e500-737d-af0c-f9b76c31b957","preview":"Real fluid, not a preset.\nFluid Reveal runs an actual WebGL simulation and uses it as a mask — your cursor paints one layer through another. The brush elongates with your speed, so it never draws the same shape twice.\nImages, video or color on both layers. Try it 👇\nhttps://framer.link/3lrFGqW","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Real fluid, not a preset."}]},{"type":"paragraph","content":[{"type":"text","text":"Fluid Reveal runs an actual WebGL simulation and uses it as a mask — your cursor paints one layer through another. The brush elongates with your speed, so it never draws the same shape twice."}]},{"type":"paragraph","content":[{"type":"text","text":"Images, video or color on both layers. Try it "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"https://framer.link/3lrFGqW","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/3lrFGqW","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/hK00bv9AGi8i01RI9Q2Wa9a1W02omylpZQ8tC01R2nqUhGQ/thumbnail.webp?time=1.365","targetDeleted":false,"owned":true,"actions":{"postId":"019fefed-e500-737d-af0c-f9b76c31b957","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ff04d-3047-711c-9ddd-29c9a4264180","preview":"Appreciate the feedback! This is just a demo of the component, not a finished hero, I went loud on the imagery so the fluid mask reads clearly in a short clip. On a real page you'd dial it way down.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Appreciate the feedback! This is just a demo of the component, not a finished hero, I went loud on the imagery so the fluid mask reads clearly in a short clip. On a real page you'd dial it way down."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fefed-e500-737d-af0c-f9b76c31b957","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019feff5-1154-72cc-beab-a7a6fdb37b12"},"repost":null}},"actors":[{"id":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","slug":"visuvate","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-11T10:10:18.357Z","latestAt":"2026-08-11T10:10:18.357Z"},{"id":"019ff04d-2c5a-730f-8a1e-17538628d9aa","type":"comment.liked","target":{"type":"comment","id":"019feff5-1154-72cc-beab-a7a6fdb37b12","preview":"bro it feels too harsh i think u can make this more better like reduce the bg noise then add little parallax u can do lot of things with it","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"bro it feels too harsh i think u can make this more better like reduce the bg noise then add little parallax u can do lot of things with it "}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fefed-e500-737d-af0c-f9b76c31b957","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019feff5-1154-72cc-beab-a7a6fdb37b12"},"repost":null}},"context":{"type":"post","id":"019fefed-e500-737d-af0c-f9b76c31b957","preview":"Real fluid, not a preset.\nFluid Reveal runs an actual WebGL simulation and uses it as a mask — your cursor paints one layer through another. The brush elongates with your speed, so it never draws the same shape twice.\nImages, video or color on both layers. Try it 👇\nhttps://framer.link/3lrFGqW","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Real fluid, not a preset."}]},{"type":"paragraph","content":[{"type":"text","text":"Fluid Reveal runs an actual WebGL simulation and uses it as a mask — your cursor paints one layer through another. The brush elongates with your speed, so it never draws the same shape twice."}]},{"type":"paragraph","content":[{"type":"text","text":"Images, video or color on both layers. Try it "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"https://framer.link/3lrFGqW","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/3lrFGqW","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/hK00bv9AGi8i01RI9Q2Wa9a1W02omylpZQ8tC01R2nqUhGQ/thumbnail.webp?time=1.365","targetDeleted":false,"owned":true,"actions":{"postId":"019fefed-e500-737d-af0c-f9b76c31b957","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","slug":"visuvate","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-11T10:10:17.300Z","latestAt":"2026-08-11T10:10:17.300Z"},{"id":"019fedb2-3ee0-74a5-a054-ecab157ef82e","type":"component.created","target":{"type":"component","id":"RgVINwfw2tFLrTJkmNK5","preview":"Fluid Reveal WebGL","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/019fefcf-1f48-76ad-8483-7f071cf85d49.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","slug":"visuvate","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-10T22:01:49.536Z","latestAt":"2026-08-10T22:01:49.536Z"},{"id":"019fa522-908f-75ab-9bf5-58d2ec86639b","type":"component.created","target":{"type":"component","id":"bhQRLZSk7hJE6RHbqVGX","preview":"Elevate Button","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/019fa526-0a04-7447-b24e-3999ff512183.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","slug":"visuvate","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-27T19:52:13.711Z","latestAt":"2026-07-27T19:52:13.711Z"},{"id":"019f5793-a78d-772a-ba41-65b078991d97","type":"comment.liked","target":{"type":"comment","id":"019f4f69-c45c-73aa-8873-6bf190f9dd12","preview":"Brilliant as always.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Brilliant as always.","marks":[{"type":"bold"}]}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f4d5c-327c-745e-9948-6a45b4ae60a0","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f4f69-c45c-73aa-8873-6bf190f9dd12"},"repost":null}},"context":{"type":"post","id":"019f4d5c-327c-745e-9948-6a45b4ae60a0","preview":"Check out our framer template:) \nConstructal is a premium Framer template for custom home builders and design-build firms. 9 pages, full CMS, filterable project and blog grids, consultation booking form, and mobile-responsive design — ready to launch and easy to customize.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Check out our framer template:)","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Constructal is a premium Framer template for custom home builders and design-build firms. 9 pages, full CMS, filterable project and blog grids, consultation booking form, and mobile-responsive design — ready to launch and easy to customize."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f4d5c-327c-745e-9948-6a45b4ae60a0","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","slug":"visuvate","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-12T18:25:22.313Z","latestAt":"2026-07-12T18:25:22.313Z"},{"id":"019f4c91-0a38-7381-bbda-cd0f9ffce1ee","type":"comment.liked","target":{"type":"comment","id":"019f4bdb-a3ad-7003-8d36-09cb02549a01","preview":"thanks for sharing!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"thanks for sharing!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f4b77-072b-7318-b98c-eeb87654fffc","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f4bdb-a3ad-7003-8d36-09cb02549a01"},"repost":null}},"context":{"type":"post","id":"019f4b77-072b-7318-b98c-eeb87654fffc","preview":"Stop using static grids for your CMS galleries.\nCMS Slideshow Pro turns your CMS images into a fully interactive slideshow on dynamic pages, automatically powered by your CMS content.\nPerfect for portfolio, real estate, products, case studies, and any CMS-powered gallery.\nGet the component: https://framer.link/mPndBIF\nWant to see it in action? It's fully integrated into the Ironwood Framer template: https://framer.link/RVf6rIr","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Stop using static grids for your CMS galleries."}]},{"type":"paragraph","content":[{"type":"text","text":"CMS Slideshow Pro","marks":[{"type":"bold"}]},{"type":"text","text":" turns your CMS images into a fully interactive slideshow on dynamic pages, automatically powered by your CMS content."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for portfolio, real estate, products, case studies, and any CMS-powered gallery."}]},{"type":"paragraph","content":[{"type":"text","text":"Get the component: "},{"type":"text","text":"https://framer.link/mPndBIF","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/mPndBIF","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Want to see it in action? It's fully integrated into the "},{"type":"text","text":"Ironwood","marks":[{"type":"bold"}]},{"type":"text","text":" Framer template: "},{"type":"text","text":"https://framer.link/RVf6rIr","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/RVf6rIr","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/n01gM3p02MqQ2IUgAL3fSYLuZPO7Phx9YMhRCNLu9EDQE/thumbnail.webp?time=9.507","targetDeleted":false,"owned":true,"actions":{"postId":"019f4b77-072b-7318-b98c-eeb87654fffc","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","slug":"visuvate","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-10T15:06:41.588Z","latestAt":"2026-07-10T15:06:41.588Z"},{"id":"019f4c14-62cb-70f8-b72a-30c505081389","type":"comment.created","target":{"type":"post","id":"019f4c0f-8b3f-7518-ac0d-3760e0a797ff","preview":"$62","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi everyone,"}]},{"type":"paragraph","content":[{"type":"text","text":"I'm building a site in Framer for a medical clinic and need some help connecting my CMS to a carousel component."}]},{"type":"paragraph","content":[{"type":"text","text":"Here's my situation:"}]},{"type":"paragraph","content":[{"type":"text","text":"I already have a CMS Collection called "},{"type":"text","text":"\"Doctors\"","marks":[{"type":"bold"}]},{"type":"text","text":" with fields (Image, Author Name, Designation, Speciality, etc.). This collection is already working correctly elsewhere on my site (e.g. in my Services section, which pulls from a different collection the same way)."}]},{"type":"paragraph","content":[{"type":"text","text":"I imported a carousel template/component (currently named \"TeamMemberCardCarousel\" in my layers panel) for showcasing team members. This carousel is "},{"type":"text","text":"not connected to any CMS at all","marks":[{"type":"bold"}]},{"type":"text","text":" — it just has static placeholder cards (a stock photo, the name \"Ava Kim\", and a generic bio) hardcoded into the design."}]},{"type":"paragraph","content":[{"type":"text","text":"What I need to figure out:"}]},{"type":"paragraph","content":[{"type":"text","text":"Is it possible to connect an already-built CMS Collection (Doctors) to an imported carousel like this one, so it displays one card per doctor automatically?"}]},{"type":"paragraph","content":[{"type":"text","text":"If the carousel wasn't originally built as a Collection List, do I need to rebuild it using Framer's native Collection List element instead, and then recreate the carousel's look/behavior (arrows, autoplay) around it?"}]},{"type":"paragraph","content":[{"type":"text","text":"If so, what's the correct process to swap the carousel's static content for a Collection List while keeping the same card design (image, name, bio, \"View Profile\" button layout)?"}]},{"type":"paragraph","content":[{"type":"text","text":"I've attached screenshots of my current Doctors collection and the carousel as it currently looks (static/placeholder content)."}]},{"type":"paragraph","content":[{"type":"text","text":"Any guidance — or even just pointing me to the right doc/tutorial — would be hugely appreciated. I'm on a client deadline and this is the last piece I need to finish. Thanks so much in advance!"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7b5e8fcd-28f1-4b12-ad48-d4f2d7e683b8/019f4c0e-3717-73ff-a20a-7fafe0ab84b0.png","targetDeleted":false,"owned":false,"actions":{"postId":"019f4c0f-8b3f-7518-ac0d-3760e0a797ff","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f4c14-62b2-7369-8d45-19e77b34e22d","preview":"Framer doesn't natively support CMS-powered slideshows or carousels.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer doesn't natively support CMS-powered slideshows or carousels."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f4c0f-8b3f-7518-ac0d-3760e0a797ff","like":{"count":2,"liked":false},"reply":{"parentCommentId":"019f4c14-62b2-7369-8d45-19e77b34e22d"},"repost":null}},"actors":[{"id":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","slug":"visuvate","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-10T12:50:32.267Z","latestAt":"2026-07-10T12:50:32.267Z"},{"id":"019f485d-1294-7352-bbd7-a298f2dcba67","type":"template.created","target":{"type":"template","id":"69254","preview":"Constructal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/019f484e-e223-76a8-920e-9c4ca8a62336.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","slug":"visuvate","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-09T19:31:26.996Z","latestAt":"2026-07-09T19:31:26.996Z"},{"id":"019f47be-828a-765d-a971-a6dd77b9daba","type":"post.liked","target":{"type":"post","id":"019f47bd-7ce9-72a0-8bfe-4ee549b44c46","preview":"Homepage for my next template in progress.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Homepage for my next template in progress."}]}]},"thumbnail":"https://image.mux.com/ckuUqbkTyh602FIiwUcStxABOHhimn8fz8U9vN01gOiSM/thumbnail.webp?time=2.667","targetDeleted":false,"owned":false,"actions":{"postId":"019f47bd-7ce9-72a0-8bfe-4ee549b44c46","like":{"count":22,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","slug":"visuvate","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-09T16:38:15.428Z","latestAt":"2026-07-09T16:38:15.428Z"},{"id":"019ef0e0-f24c-7241-8632-670913995424","type":"comment.reply","target":{"type":"post","id":"019ef0d0-756f-7126-ae0d-0573eb184ca2","preview":"Fluid Image Reveal (～￣▽￣)～\nA smooth image reveal component built for Framer. Coming soon to the Marketplace.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Fluid Image Reveal ","marks":[{"type":"bold"}]},{"type":"text","text":"(～￣▽￣)～"}]},{"type":"paragraph","content":[{"type":"text","text":"A smooth image reveal component built for Framer. "},{"type":"text","text":"Coming soon","marks":[{"type":"bold"}]},{"type":"text","text":" to the Marketplace."}]}]},"thumbnail":"https://image.mux.com/6eq6t6c01PA4MP301XHH2R557UCJ1hd02RIgbyG00oGUl100/thumbnail.webp?time=4.533","targetDeleted":false,"owned":true,"actions":{"postId":"019ef0d0-756f-7126-ae0d-0573eb184ca2","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ef0e0-f236-71e0-970e-c8abc388d2ef","preview":"Thanks! Built with custom WebGL shaders and fluid simulation under the hood.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks! Built with custom WebGL shaders and fluid simulation under the hood."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ef0d0-756f-7126-ae0d-0573eb184ca2","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019ef0dc-bb9c-755b-ba45-973ca19b7492"},"repost":null}},"actors":[{"id":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","slug":"visuvate","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-22T19:48:54.476Z","latestAt":"2026-06-22T19:48:54.476Z"},{"id":"019ef0e0-907f-779e-8b12-26b7d29b67a1","type":"comment.liked","target":{"type":"comment","id":"019ef0dc-bb9c-755b-ba45-973ca19b7492","preview":"that's so cool! how did you get it done?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"that's so cool! how did you get it done?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ef0d0-756f-7126-ae0d-0573eb184ca2","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ef0dc-bb9c-755b-ba45-973ca19b7492"},"repost":null}},"context":{"type":"post","id":"019ef0d0-756f-7126-ae0d-0573eb184ca2","preview":"Fluid Image Reveal (～￣▽￣)～\nA smooth image reveal component built for Framer. Coming soon to the Marketplace.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Fluid Image Reveal ","marks":[{"type":"bold"}]},{"type":"text","text":"(～￣▽￣)～"}]},{"type":"paragraph","content":[{"type":"text","text":"A smooth image reveal component built for Framer. "},{"type":"text","text":"Coming soon","marks":[{"type":"bold"}]},{"type":"text","text":" to the Marketplace."}]}]},"thumbnail":"https://image.mux.com/6eq6t6c01PA4MP301XHH2R557UCJ1hd02RIgbyG00oGUl100/thumbnail.webp?time=4.533","targetDeleted":false,"owned":true,"actions":{"postId":"019ef0d0-756f-7126-ae0d-0573eb184ca2","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","slug":"visuvate","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-22T19:48:29.436Z","latestAt":"2026-06-22T19:48:29.436Z"},{"id":"019ee6c3-c98b-716d-aa24-39934f464164","type":"comment.reply","target":{"type":"post","id":"019e794a-8a8a-7aa0-99f5-749e860299bc","preview":"CMS Slideshow Pro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/0lxDGx5REu5GmL2DpFyb/cms-slideshow-pro-WXeDVZqy3bDkGNw8a6F883z3QXdiBK","targetDeleted":false,"owned":true,"actions":{"postId":"019e794a-8a8a-7aa0-99f5-749e860299bc","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ee6c3-c967-75b8-897e-1678c5e2bf34","preview":"@Olaf van Zelst If you're building it yourself in Framer, then yes, it would require a custom code solution. Framer's native Slideshow doesn't currently provide a way to disable loop controls for this kind of setup.\nWe've already created a component-based version that provides the same functionality without requiring a CMS collection. We're currently putting the finishing touches on it, and it will be available for purchase in the coming days.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"20bbbbec-db41-4f2e-a88c-b281c40f91d2","slug":"olafvanzelst","label":"Olaf van Zelst","mentionSuggestionChar":"@"}},{"type":"text","text":" If you're building it yourself in Framer, then yes, it would require a custom code solution. Framer's native Slideshow doesn't currently provide a way to disable loop controls for this kind of setup."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"We've already created a component-based version that provides the same functionality without requiring a CMS collection. We're currently putting the finishing touches on it, and it will be available for purchase in the coming days."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019e794a-8a8a-7aa0-99f5-749e860299bc","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ee01b-871b-7578-920d-80b1038a825d"},"repost":null}},"actors":[{"id":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","slug":"visuvate","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T20:40:51.339Z","latestAt":"2026-06-20T20:40:51.339Z"},{"id":"019ee5bf-b79a-7408-84fb-6f205e43eb92","type":"comment.reply","target":{"type":"post","id":"019e794a-8a8a-7aa0-99f5-749e860299bc","preview":"CMS Slideshow Pro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/0lxDGx5REu5GmL2DpFyb/cms-slideshow-pro-WXeDVZqy3bDkGNw8a6F883z3QXdiBK","targetDeleted":false,"owned":true,"actions":{"postId":"019e794a-8a8a-7aa0-99f5-749e860299bc","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ee5bf-b779-76ec-981c-8904e54776cc","preview":"@Olaf van Zelst Unfortunately, there aren't currently any free native options in Framer for a CMS slideshow with loop controls disabled. For now, achieving that setup would require a custom code solution.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"20bbbbec-db41-4f2e-a88c-b281c40f91d2","slug":"olafvanzelst","label":"Olaf van Zelst","mentionSuggestionChar":"@"}},{"type":"text","text":" Unfortunately, there aren't currently any free native options in Framer for a CMS slideshow with loop controls disabled. For now, achieving that setup would require a custom code solution."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019e794a-8a8a-7aa0-99f5-749e860299bc","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019ee01b-871b-7578-920d-80b1038a825d"},"repost":null}},"actors":[{"id":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","slug":"visuvate","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T15:56:47.386Z","latestAt":"2026-06-20T15:56:47.386Z"},{"id":"019ee0f6-639c-774c-b78a-9a38ff82bf88","type":"comment.liked","target":{"type":"comment","id":"019ee01b-871b-7578-920d-80b1038a825d","preview":"This is amazing, but can I also use it with components/images instead of CMS items?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is amazing, but can I also use it with components/images instead of CMS items? "}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019e794a-8a8a-7aa0-99f5-749e860299bc","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ee01b-871b-7578-920d-80b1038a825d"},"repost":null}},"context":{"type":"post","id":"019e794a-8a8a-7aa0-99f5-749e860299bc","preview":"CMS Slideshow Pro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/0lxDGx5REu5GmL2DpFyb/cms-slideshow-pro-WXeDVZqy3bDkGNw8a6F883z3QXdiBK","targetDeleted":false,"owned":true,"actions":{"postId":"019e794a-8a8a-7aa0-99f5-749e860299bc","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","slug":"visuvate","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T17:38:24.281Z","latestAt":"2026-06-19T17:38:24.281Z"},{"id":"019ee0f6-5913-7520-8d02-8b7f0901ad9b","type":"comment.reply","target":{"type":"post","id":"019e794a-8a8a-7aa0-99f5-749e860299bc","preview":"CMS Slideshow Pro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/0lxDGx5REu5GmL2DpFyb/cms-slideshow-pro-WXeDVZqy3bDkGNw8a6F883z3QXdiBK","targetDeleted":false,"owned":true,"actions":{"postId":"019e794a-8a8a-7aa0-99f5-749e860299bc","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ee0f6-58ff-7349-92e0-80b33e9110d0","preview":"Thanks! Really glad you like it 🙌\nNo, this won't support components or images directly. We initially planned to support both CMS items and components/images, but it made the codebase much more complex, so we decided to separate the functionality.\nFor components and images, Framer's native Slideshow already covers most of those use cases. Our component does add a few extra properties and capabilities, but the primary focus is CMS-driven content.\nWe'll be releasing it in the coming days.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks! Really glad you like it "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"No, this won't support components or images directly. We initially planned to support both CMS items and components/images, but it made the codebase much more complex, so we decided to separate the functionality."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"For components and images, Framer's native Slideshow already covers most of those use cases. Our component does add a few extra properties and capabilities, but the primary focus is CMS-driven content."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"We'll be releasing it in the coming days."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019e794a-8a8a-7aa0-99f5-749e860299bc","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ee01b-871b-7578-920d-80b1038a825d"},"repost":null}},"actors":[{"id":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","slug":"visuvate","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T17:38:21.586Z","latestAt":"2026-06-19T17:38:21.586Z"},{"id":"019ed1d1-7282-7520-ba48-8176b7b70ae3","type":"template.created","target":{"type":"template","id":"66536","preview":"Attorn","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/ekho471q","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","slug":"visuvate","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-06-16T19:03:45.026Z","latestAt":"2026-06-16T19:03:45.026Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:03872723-1406-4f01-82fe-250a8a9bddd7:/unified/posts/?creator=03872723-1406-4f01-82fe-250a8a9bddd7&with=reposts":[{"data":[{"id":"019fefed-e500-737d-af0c-f9b76c31b957","title":null,"body":"

Real fluid, not a preset.

Fluid Reveal runs an actual WebGL simulation and uses it as a mask — your cursor paints one layer through another. The brush elongates with your speed, so it never draws the same shape twice.

Images, video or color on both layers. Try it 👇

https://framer.link/3lrFGqW

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Real fluid, not a preset."}]},{"type":"paragraph","content":[{"type":"text","text":"Fluid Reveal runs an actual WebGL simulation and uses it as a mask — your cursor paints one layer through another. The brush elongates with your speed, so it never draws the same shape twice."}]},{"type":"paragraph","content":[{"type":"text","text":"Images, video or color on both layers. Try it "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"https://framer.link/3lrFGqW","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/3lrFGqW","target":"_blank"}}]}]}]},"author":{"framerUserId":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","slug":"visuvate","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/hK00bv9AGi8i01RI9Q2Wa9a1W02omylpZQ8tC01R2nqUhGQ.m3u8","metadata":{"posterUrl":"https://image.mux.com/hK00bv9AGi8i01RI9Q2Wa9a1W02omylpZQ8tC01R2nqUhGQ/thumbnail.webp?time=1.365","aspectRatio":"600:451","duration":10.533333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-11T08:26:13.132Z","updatedAt":"2026-08-11T08:26:13.132Z"},{"id":"019fedb2-3cfc-76ac-afa2-a7ca9bed68c5","title":null,"body":"

Real fluid, not a preset.

Fluid Reveal runs an actual WebGL simulation and uses it as a mask — your cursor paints one layer through another. The brush elongates with your speed, so it never draws the same shape twice.

Images, video or color on both layers. Try it 👇

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Real fluid, not a preset.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Fluid Reveal runs an actual WebGL simulation and uses it as a mask — your cursor paints one layer through another. The brush elongates with your speed, so it never draws the same shape twice.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Images, video or color on both layers. Try it ","marks":[{"type":"bold"}]},{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"point_down","emoji":"👇"}}]}]},"author":{"framerUserId":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","slug":"visuvate","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"RgVINwfw2tFLrTJkmNK5","resolved":true,"title":"Fluid Reveal WebGL","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Fluid Reveal turns your cursor into a brush that paints one layer through another — driven by a real GPU fluid simulation, not a canned mask animation."}]},{"type":"paragraph","content":[{"type":"text","text":"Two layers, top and bottom. Move the cursor and the fluid dissolves the top layer wherever it flows, revealing what sits underneath. The brush stretches along the direction of motion, so fast movement draws long liquid trails and slow movement pools and spreads. Every splat obeys real velocity, curl and pressure — nothing is pre-rendered, so it never repeats and never loops."}]},{"type":"paragraph","content":[{"type":"text","text":"Both layers take an image, a video, or a solid colour, each with its own Fit and Focus. The canvas composites with straight alpha, so a cut-out PNG on top lets your page background show through the unrevealed areas."}]},{"type":"paragraph","content":[{"type":"text","text":"Ten controls shape the feel:"}]},{"type":"paragraph","content":[{"type":"text","text":"Linger — how long the reveal holds before fading back "}]},{"type":"paragraph","content":[{"type":"text","text":"Settle — how quickly the fluid comes to rest"}]},{"type":"paragraph","content":[{"type":"text","text":"Swirl — vorticity, for curling smoke-like motion"}]},{"type":"paragraph","content":[{"type":"text","text":"Brush Size / Force — the size and punch of each splat"}]},{"type":"paragraph","content":[{"type":"text","text":"Stretch — how far the brush elongates with speed"}]},{"type":"paragraph","content":[{"type":"text","text":"Reveal — the mask threshold"}]},{"type":"paragraph","content":[{"type":"text","text":"Liquid Edge — hard cut through to a soft feathered boundary"}]},{"type":"paragraph","content":[{"type":"text","text":"Quality — simulation resolution"}]},{"type":"paragraph","content":[{"type":"text","text":"Touch — enable reveal on mobile"}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it in, connect a Top and Bottom layer, and it works at any size."}]},{"type":"paragraph","content":[{"type":"text","text":"Falls back to the top layer if WebGL isn't available."}]}]},"introduction":"Cursor-driven WebGL fluid reveal","slug":"fluid-reveal-webgl","author":{"framerUserId":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","slug":"visuvate","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/019fefcf-1f48-76ad-8483-7f071cf85d49.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1197,"height":898}}],"post":null,"createdAt":"2026-08-10T22:01:48.446Z","updatedAt":"2026-08-11T07:52:47.904Z","publishedAt":"2026-08-10T22:01:48.442Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://liquid-reveal.framer.ai/","price":"10","paymentUrl":"https://visuvate.lemonsqueezy.com/checkout/buy/1df5173e-5896-4d31-95c3-655cd81ac10e","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"jlm9tMbnL3c2GwK7Riye","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-11T18:41:11.768Z","createdAt":"2026-08-10T22:01:49.052Z","updatedAt":"2026-08-11T18:41:11.768Z"},{"id":"019fa522-8f24-74fe-97a1-acb9d9075f5e","title":null,"body":"

A simple, modern button component for Framer. Free to use.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A simple, modern button component for Framer. Free to use."}]}]},"author":{"framerUserId":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","slug":"visuvate","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"bhQRLZSk7hJE6RHbqVGX","resolved":true,"title":"Elevate Button","body":"

A modern neumorphic button component featuring Primary, Hover, and Pressed states. Built with clean layers and smooth shadows, making it easy to customize for any Framer project.

Features:

• Primary, Hover & Pressed variants

• Auto Layout

• Fully editable

• Responsive

• Easy color customization

• Ready to use

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A modern neumorphic button component featuring Primary, Hover, and Pressed states. Built with clean layers and smooth shadows, making it easy to customize for any Framer project."}]},{"type":"paragraph","content":[{"type":"text","text":"Features:"}]},{"type":"paragraph","content":[{"type":"text","text":"• Primary, Hover & Pressed variants"}]},{"type":"paragraph","content":[{"type":"text","text":"• Auto Layout"}]},{"type":"paragraph","content":[{"type":"text","text":"• Fully editable"}]},{"type":"paragraph","content":[{"type":"text","text":"• Responsive"}]},{"type":"paragraph","content":[{"type":"text","text":"• Easy color customization"}]},{"type":"paragraph","content":[{"type":"text","text":"• Ready to use"}]}]},"introduction":"Modern button with depth","slug":"elevate-button","author":{"framerUserId":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","slug":"visuvate","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/019fa526-0a04-7447-b24e-3999ff512183.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1200,"height":900}}],"post":null,"createdAt":"2026-07-27T19:52:12.964Z","updatedAt":"2026-07-27T19:56:05.096Z","publishedAt":"2026-07-27T19:52:12.961Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Styled-Button-c93BfU.js@2dm0qvc7Twa8dLgZHgZx","previewUrl":"https://elevate-button.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"2dm0qvc7Twa8dLgZHgZx","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-27T19:52:13.348Z","updatedAt":"2026-07-27T19:52:13.348Z"},{"id":"019f4d5c-327c-745e-9948-6a45b4ae60a0","title":null,"body":"

Check out our framer template:)

Constructal is a premium Framer template for custom home builders and design-build firms. 9 pages, full CMS, filterable project and blog grids, consultation booking form, and mobile-responsive design — ready to launch and easy to customize.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Check out our framer template:)","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Constructal is a premium Framer template for custom home builders and design-build firms. 9 pages, full CMS, filterable project and blog grids, consultation booking form, and mobile-responsive design — ready to launch and easy to customize."}]}]},"author":{"framerUserId":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","slug":"visuvate","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","followed":false,"followsYou":false},"media":[{"type":"link-preview","url":"https://framer.link/VknZsmS","metadata":{"title":"Constructal: Responsive Real Estate Website Template by Visuvate…","description":"Custom home builder website — Constructal by Visuvate Studio — explore this Framer Template on the Framer Marketplace and customize it in Framer's no-code website builder.","imageUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/6dad21015d46d58f/image.png","siteName":"Framer Community","faviconUrl":null}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-10T18:48:35.713Z","updatedAt":"2026-07-10T18:48:35.713Z"},{"id":"019f4b77-072b-7318-b98c-eeb87654fffc","title":null,"body":"

Stop using static grids for your CMS galleries.

CMS Slideshow Pro turns your CMS images into a fully interactive slideshow on dynamic pages, automatically powered by your CMS content.

Perfect for portfolio, real estate, products, case studies, and any CMS-powered gallery.

Get the component: https://framer.link/mPndBIF

Want to see it in action? It's fully integrated into the Ironwood Framer template: https://framer.link/RVf6rIr

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Stop using static grids for your CMS galleries."}]},{"type":"paragraph","content":[{"type":"text","text":"CMS Slideshow Pro","marks":[{"type":"bold"}]},{"type":"text","text":" turns your CMS images into a fully interactive slideshow on dynamic pages, automatically powered by your CMS content."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for portfolio, real estate, products, case studies, and any CMS-powered gallery."}]},{"type":"paragraph","content":[{"type":"text","text":"Get the component: "},{"type":"text","text":"https://framer.link/mPndBIF","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/mPndBIF","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Want to see it in action? It's fully integrated into the "},{"type":"text","text":"Ironwood","marks":[{"type":"bold"}]},{"type":"text","text":" Framer template: "},{"type":"text","text":"https://framer.link/RVf6rIr","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/RVf6rIr","target":"_blank"}}]}]}]},"author":{"framerUserId":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","slug":"visuvate","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/n01gM3p02MqQ2IUgAL3fSYLuZPO7Phx9YMhRCNLu9EDQE.m3u8","metadata":{"posterUrl":"https://image.mux.com/n01gM3p02MqQ2IUgAL3fSYLuZPO7Phx9YMhRCNLu9EDQE/thumbnail.webp?time=9.507","aspectRatio":"4:3","duration":14.033333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-10T09:59:34.497Z","createdAt":"2026-07-10T09:58:39.665Z","updatedAt":"2026-07-10T09:59:34.497Z"},{"id":"019f485d-1142-722a-a06e-00cb6020e0d1","title":null,"body":"

Ironwood is a premium Framer template for custom home builders and design-build firms. 9 pages, full CMS (Services, Projects, Team, Blog), consultation booking form, testimonial carousel, and mobile responsive design. Ready to launch and easy to customise.

Preview

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Ironwood","marks":[{"type":"bold"}]},{"type":"text","text":" is a premium Framer template for custom home builders and design-build firms. 9 pages, full CMS (Services, Projects, Team, Blog), consultation booking form, testimonial carousel, and mobile responsive design. Ready to launch and easy to customise."}]},{"type":"paragraph","content":[{"type":"text","text":"Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://construction-visuvate.framer.website/","target":"_blank"}}]}]}]},"author":{"framerUserId":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","slug":"visuvate","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"69254","resolved":true,"title":"Constructal","body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://construction-visuvate.framer.website","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Ironwood ~ Custom Home Builder & Design-Build Website Template","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A premium Framer template for custom home builders, design-build firms, and renovation contractors who want a site that reads credible and high-end — not another generic contractor page."}]},{"type":"paragraph","content":[{"type":"text","text":"Design:","marks":[{"type":"bold"}]},{"type":"text","text":" Editorial, not decorative. Restrained typography, generous spacing, and real project photography carry the design. Consistent type and color system across every page. Built with stacks for genuine responsiveness on desktop, tablet, and mobile."}]},{"type":"paragraph","content":[{"type":"text","text":"Included:","marks":[{"type":"bold"}]},{"type":"text","text":" Home, About, Services (overview + 6 detail pages), Projects (portfolio + detail pages), Team (overview + profiles), Blog (index + post template, pre-categorized), Contact, Privacy Policy, custom 404."}]},{"type":"paragraph","content":[{"type":"text","text":"CMS-driven:","marks":[{"type":"bold"}]},{"type":"text","text":" Four connected collections — Services, Projects, Team, Blog. Add a project, hire, or article in minutes, no code or layout rebuilding. Fields are clearly named for buyers with zero Framer experience."}]},{"type":"paragraph","content":[{"type":"text","text":"Homepage flow:","marks":[{"type":"bold"}]},{"type":"text","text":" Hero → trust stats → value pillars → services grid → proof stats → project showcase → process (Consult, Design, Build) → team → testimonials → consultation CTA → blog preview → footer."}]},{"type":"paragraph","content":[{"type":"text","text":"Forms:","marks":[{"type":"bold"}]},{"type":"text","text":" Working consultation booking form and newsletter signup, ready to connect to your backend."}]},{"type":"paragraph","content":[{"type":"text","text":"Best for:","marks":[{"type":"bold"}]},{"type":"text","text":" custom home builders, design-build studios, renovation contractors, and project managers who want to signal fixed pricing, accountability, and craftsmanship."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive. No code required."}]}]},"introduction":"Custom home builder website","slug":"constructal","author":{"framerUserId":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","slug":"visuvate","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/019f484e-e223-76a8-920e-9c4ca8a62336.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/019f484f-056c-70be-8fc4-9570478c8fa1.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/019f484f-20ac-76ca-a209-7f7c67c8fe81.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/019f484f-3bbe-7465-af73-aba220a57223.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/019f484f-52cf-74fb-9acb-a5ea73be4374.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-09T19:31:26.167Z","updatedAt":"2026-09-08T10:16:47.665Z","publishedAt":"2026-07-09T19:31:26.159Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/Op87t8F","remixUrl":"https://framer.link/Op87t8F","previewUrl":"https://construction-visuvate.framer.website/","categories":[{"id":25,"name":"Real Estate","slug":"real-estate"},{"id":204,"name":"Construction","slug":"construction"},{"id":187,"name":"Architecture","slug":"architecture"},{"id":226,"name":"Home Decor","slug":"home-decor"},{"id":230,"name":"Interior Design","slug":"interior-design"},{"id":218,"name":"Free","slug":"free-website-templates"},{"id":249,"name":"Property Management","slug":"property-management"},{"id":248,"name":"Services","slug":"professional-services"}],"styles":[{"id":247,"name":"Professional","slug":"professional"}],"mainCategory":{"id":204,"name":"Construction","slug":"construction"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":7,"name":"Light & Dark Theme","slug":"light-dark-theme"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":23,"name":"Rich Media","slug":"rich-media"},{"id":30,"name":"Forms","slug":"forms"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"},{"id":41,"name":"Vector Sets","slug":"vector-sets"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":18,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":3,"edited":true,"editedAt":"2026-07-09T19:35:18.128Z","createdAt":"2026-07-09T19:31:26.659Z","updatedAt":"2026-07-09T19:35:18.128Z"},{"id":"019ef0d0-756f-7126-ae0d-0573eb184ca2","title":null,"body":"

Fluid Image Reveal (～￣▽￣)～

A smooth image reveal component built for Framer. Coming soon to the Marketplace.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Fluid Image Reveal ","marks":[{"type":"bold"}]},{"type":"text","text":"(～￣▽￣)～"}]},{"type":"paragraph","content":[{"type":"text","text":"A smooth image reveal component built for Framer. "},{"type":"text","text":"Coming soon","marks":[{"type":"bold"}]},{"type":"text","text":" to the Marketplace."}]}]},"author":{"framerUserId":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","slug":"visuvate","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/6eq6t6c01PA4MP301XHH2R557UCJ1hd02RIgbyG00oGUl100.m3u8","metadata":{"posterUrl":"https://image.mux.com/6eq6t6c01PA4MP301XHH2R557UCJ1hd02RIgbyG00oGUl100/thumbnail.webp?time=4.533","aspectRatio":"16:9","duration":7}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-22T19:30:53.949Z","updatedAt":"2026-06-22T19:30:53.949Z"},{"id":"019ed224-0e66-7145-a0f4-37dc6a56c681","title":null,"body":"

Framer 3.0 Still Doesn’t Support Native CMS Slideshows T_T

So we created CMS Slideshow Pro.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer 3.0 Still Doesn’t Support Native CMS Slideshows ","marks":[{"type":"bold"}]},{"type":"text","text":"T_T"}]},{"type":"paragraph","content":[{"type":"text","text":"So we created "},{"type":"text","text":"CMS Slideshow Pro.","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","slug":"visuvate","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","followed":false,"followsYou":false},"media":[{"type":"link-preview","url":"https://framer.link/mPndBIF","metadata":{"title":"CMS Slideshow Pro: Premium CMS Component by Visuvate Studio","description":"CMS carousel with pro controls — CMS Slideshow Pro by Visuvate Studio — explore this Framer Component on the Framer Marketplace and customize it in Framer's no-code website builder.","imageUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/e77e8b56fb687c7c/image.jpg","siteName":"Framer Community","faviconUrl":null}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T20:33:58.890Z","updatedAt":"2026-06-16T20:33:58.890Z"},{"id":"019ed204-18db-733b-8ff6-32dee0c3dc7c","title":null,"body":"

Check out our framer template:)

Attorn is a premium Framer template for law firms and attorneys. 9 pages, full CMS, light & dark mode, filterable team and blog grids, contact form, and mobile responsive design — ready to launch and easy to customize.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Check out our framer template:)"}]},{"type":"paragraph","content":[{"type":"text","text":"Attorn is a premium Framer template for law firms and attorneys. 9 pages, full CMS, light & dark mode, filterable team and blog grids, contact form, and mobile responsive design — ready to launch and easy to customize."}]}]},"author":{"framerUserId":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","slug":"visuvate","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","followed":false,"followsYou":false},"media":[{"type":"link-preview","url":"https://framer.link/r3ySmHm","metadata":{"title":"Attorn: Responsive Real Estate Website Template by Visuvate Studio","description":"Premium Law Firm Template — Attorn by Visuvate Studio — explore this Framer Template on the Framer Marketplace and customize it in Framer's no-code website builder.","imageUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/ee1b8931919a53db/image.png","siteName":"Framer Community","faviconUrl":null}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T19:59:04.419Z","updatedAt":"2026-06-16T19:59:04.419Z"},{"id":"019ed1d1-7246-7706-9995-ed63998fc0d9","title":null,"body":"

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Attorn is a premium Framer template for law firms and attorneys. 9 pages, full CMS, light & dark mode, filterable team and blog grids, contact form, and mobile responsive design — ready to launch and easy to customise."}]}]},"author":{"framerUserId":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","slug":"visuvate","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"66536","resolved":true,"title":"Attorn","body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Attorn is a premium law firm","marks":[{"type":"bold"}]},{"type":"text","text":" Framer template built for attorneys, legal practices, and professional services firms. Designed with a dark editorial aesthetic, Playfair Display serif typography, and a commanding visual language, it delivers a complete multi-page website solution that establishes authority, builds client trust, and converts visitors into consultations."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for corporate law practices, litigation firms, immigration lawyers, and solo practitioners who need a professional digital presence that commands attention from the first impression."}]},{"type":"paragraph","content":[{"type":"text","text":"Pages included:","marks":[{"type":"bold"}]},{"type":"text","text":" Home, About, Services, Team, Team Detail, Blogs, Blog Post, Contact, Privacy Policy"}]},{"type":"paragraph","content":[{"type":"text","text":"Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full light and dark mode system"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full CMS support — attorneys, blog posts, and practice areas"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Playfair Display + Geist typography pairing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"AI-generated custom photography with consistent cool neutral grading"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Filterable team grid by practice area"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Filterable blog grid by category"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact form with map embed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile responsive across all breakpoints"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Privacy Policy page included"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy to customise — no code required"}]}]}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" Live Preview: "},{"type":"text","text":"https://kingswell-law.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://kingswell-law.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Getting started:","marks":[{"type":"bold"}]},{"type":"text","text":" After purchase you will receive a Framer remix link. Click the link to duplicate the template directly into your Framer account and start customising immediately."}]},{"type":"paragraph","content":[{"type":"text","text":"For support contact: "},{"type":"text","text":"contact@visuvate.com","marks":[{"type":"code"}]}]}]},"introduction":"Premium Law Firm Template","slug":"attorn","author":{"framerUserId":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","slug":"visuvate","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/ekho471q","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/okmdjy6z","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/y5t3qyv9","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/34vj6njo","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/18v3lyhx","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-16T19:03:44.919Z","updatedAt":"2026-09-09T12:17:34.419Z","publishedAt":"2026-06-16T19:03:44.916Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/37Yvtd4","remixUrl":"https://framer.link/37Yvtd4","previewUrl":"https://kingswell-law.framer.website/","categories":[{"id":25,"name":"Real Estate","slug":"real-estate"},{"id":235,"name":"Legal","slug":"legal"},{"id":204,"name":"Construction","slug":"construction"},{"id":186,"name":"Accounting","slug":"accounting"},{"id":200,"name":"Coaching","slug":"coaching"},{"id":205,"name":"Consulting","slug":"consulting"},{"id":218,"name":"Free","slug":"free-website-templates"},{"id":248,"name":"Services","slug":"professional-services"}],"styles":[{"id":247,"name":"Professional","slug":"professional"}],"mainCategory":{"id":235,"name":"Legal","slug":"legal"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":7,"name":"Light & Dark Theme","slug":"light-dark-theme"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T19:03:44.967Z","updatedAt":"2026-06-16T19:03:44.967Z"},{"id":"019e794a-8a8a-7aa0-99f5-749e860299bc","title":null,"body":"

CMS Slideshow Pro is an advanced carousel component for Framer built for dynamic CMS collections. Create responsive sliders, infinite loops, and continuous marquee layouts with drag support, autoplay, fade masking, smart pagination, and customizable controls.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS Slideshow Pro is an advanced carousel component for Framer built for dynamic CMS collections. Create responsive sliders, infinite loops, and continuous marquee layouts with drag support, autoplay, fade masking, smart pagination, and customizable controls."}]}]},"author":{"framerUserId":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","slug":"visuvate","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"0lxDGx5REu5GmL2DpFyb","resolved":true,"title":"CMS Slideshow Pro","body":"$66","bodyJson":null,"introduction":"CMS carousel with pro controls","slug":"cms-slideshow-pro","author":{"framerUserId":"03872723-1406-4f01-82fe-250a8a9bddd7","name":"Visuvate Studio","slug":"visuvate","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/03872723-1406-4f01-82fe-250a8a9bddd7/14eu0xl8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/0lxDGx5REu5GmL2DpFyb/cms-slideshow-pro-WXeDVZqy3bDkGNw8a6F883z3QXdiBK","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-25T20:25:33.332Z","updatedAt":"2026-06-16T18:26:59.470Z","publishedAt":"2026-05-30T14:29:48.810Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://cmsslider-visuvate.framer.website/","price":"15","paymentUrl":"https://visuvate.lemonsqueezy.com/checkout/buy/e51a5a84-b442-4f72-88cb-9d2f97e1a0ee","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"i4hRNKlXtlZRZfy3nQ7U","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":7},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-16T19:05:04.488Z","createdAt":"2026-05-30T14:29:48.810Z","updatedAt":"2026-06-16T19:05:04.488Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L67"}]