5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T91a,

Focus Carousel Pro is a refined interactive image carousel for Framer designed to keep the active image at the center while surrounding slides create a layered, focused browsing experience. Add individual CMS Links to every slide and customize the layout, focus indicators, labels, motion, and interaction to create polished visual showcases for portfolios, agencies, editorial sites, projects, and creative presentations.

HOW TO USE

Add Focus Carousel Pro to your Framer page
Add images or image URLs to each slide
Add a CMS Link to every slide for direct navigation
Add titles and captions to provide context for each image
Customize sizing, spacing, side-slide effects, labels, and focus cues
Enable drag, wheel navigation, snapping, or automatic slide advance

KEY FEATURES

Focused center-slide carousel with layered side slides
CMS Link support for every image slide
Upload images or use custom image URLs
Adjustable side scaling, taper, opacity, grayscale, dimming, and blur
Multiple text layouts including stacked, split, inline, overlay, and hanging plate
Custom focus cues including corners, rails, outline, rule, and caret
Smooth drag, wheel, snapping, and momentum interactions
Optional auto advance with customizable timing and click sound feedback

WHY FOCUS CAROUSEL PRO?

Focus Carousel Pro creates a strong visual hierarchy by keeping one image in focus while the surrounding slides remain visible as part of the browsing experience. Fine-tune the scale, spacing, fading, blur, grayscale, and side treatment to match the visual language of your website.SEO KEYWORDS: Framer Focus Carousel, Focus Carousel Pro, Framer Carousel, CMS Carousel, CMS Link Carousel, Framer CMS, Image Carousel, Interactive Carousel.

Each slide supports its own CMS Link, making it easy to connect images to CMS pages, projects, case studies, products, or other destinations. With flexible labels, focus cues, responsive sizing, and multiple navigation options.

5a:[["$","$L5d",null,{"post":{"id":"01a0d26a-27cc-728f-8f2f-f0205b3e26c3","title":null,"body":"

Focus Carousel Pro

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Focus Carousel Pro"}]}]},"author":{"framerUserId":"38425120-6213-4b66-8b3c-e3e66d07ec64","name":"Interface Studio","slug":"interfacestudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2199676/kD3QNNYGg-bGneREuqMDI2n3QFCDqegiFFxRtaNA","followed":false,"followsYou":false},"media":[],"resources":[{"id":"vUGk0B22PMWiw07sYg7t","resolved":true,"title":"Focus Carousel Pro","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Focus Carousel Pro","marks":[{"type":"bold"}]},{"type":"text","text":" is a refined interactive image carousel for Framer designed to keep the active image at the center while surrounding slides create a layered, focused browsing experience. Add individual "},{"type":"text","text":"CMS Links","marks":[{"type":"bold"}]},{"type":"text","text":" to every slide and customize the layout, focus indicators, labels, motion, and interaction to create polished visual showcases for portfolios, agencies, editorial sites, projects, and creative presentations."}]},{"type":"customHeading","content":[{"type":"text","text":"HOW TO USE"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add "},{"type":"text","text":"Focus Carousel Pro","marks":[{"type":"bold"}]},{"type":"text","text":" to your Framer page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add images or image URLs to each slide"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add a "},{"type":"text","text":"CMS Link","marks":[{"type":"bold"}]},{"type":"text","text":" to every slide for direct navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add titles and captions to provide context for each image"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize sizing, spacing, side-slide effects, labels, and focus cues"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enable drag, wheel navigation, snapping, or automatic slide advance"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"KEY FEATURES"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Focused center-slide carousel with layered side slides"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS Link support","marks":[{"type":"bold"}]},{"type":"text","text":" for every image slide"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Upload images or use custom image URLs"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable side scaling, taper, opacity, grayscale, dimming, and blur"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multiple text layouts including stacked, split, inline, overlay, and hanging plate"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom focus cues including corners, rails, outline, rule, and caret"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth drag, wheel, snapping, and momentum interactions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional auto advance with customizable timing and click sound feedback"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"WHY FOCUS CAROUSEL PRO?"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Focus Carousel Pro creates a strong visual hierarchy by keeping one image in focus while the surrounding slides remain visible as part of the browsing experience. Fine-tune the scale, spacing, fading, blur, grayscale, and side treatment to match the visual language of your website.SEO KEYWORDS: Framer Focus Carousel, Focus Carousel Pro, Framer Carousel, CMS Carousel, CMS Link Carousel, Framer CMS, Image Carousel, Interactive Carousel."}]},{"type":"paragraph","content":[{"type":"text","text":"Each slide supports its own "},{"type":"text","text":"CMS Link","marks":[{"type":"bold"}]},{"type":"text","text":", making it easy to connect images to CMS pages, projects, case studies, products, or other destinations. With flexible labels, focus cues, responsive sizing, and multiple navigation options."}]},{"type":"paragraph"}]},"introduction":"CMS Link Centered Image Carousel","slug":"focus-carousel-pro","author":{"framerUserId":"38425120-6213-4b66-8b3c-e3e66d07ec64","name":"Interface Studio","slug":"interfacestudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2199676/kD3QNNYGg-bGneREuqMDI2n3QFCDqegiFFxRtaNA","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/38425120-6213-4b66-8b3c-e3e66d07ec64/01a0d26a-0922-71dc-9a99-4e2d07e6459c.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-09-24T07:56:06.897Z","updatedAt":"2026-10-05T06:07:15.061Z","publishedAt":"2026-09-24T07:56:06.893Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://focuscarouselpro.framer.website/","price":"10","paymentUrl":"https://buy.polar.sh/polar_cl_lCttboUdwscwcPjc1w49a7CS9fkWFRZF35Rub0YiQKk","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"ML6J9FCpYNFTTy6yAMyy","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-24T07:56:07.500Z","updatedAt":"2026-09-24T07:56:07.500Z","reported":false}}],"$L5f"]

Suggested for you