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:T7f2,

Cinematic Slide

Create cinematic image presentations with Cinematic Slide, a smooth and interactive image slider designed for modern websites, portfolios, creative studios, photography, agencies, and landing pages.

Each slide combines a dynamic vertical strip reveal with a subtle parallax zoom effect, creating a polished transition between images. Titles and chapter labels animate into view while the progress indicator and slide counter keep navigation clear and minimal.

Features

Cinematic vertical strip reveal animation
Smooth parallax and image zoom effects
Animated slide titles and chapter labels
Custom images for every slide
Customizable title, chapter, and counter typography
Adjustable strip count and animation timing
Optional autoplay
Optional progress bar
Optional slide counter
Optional navigation controls
Custom accent and background colors
Responsive layout
Touch and mobile-friendly interaction
Static-friendly rendering for Framer

Perfect For

Creative portfolios
Photography websites
Design studios
Agency websites
Fashion and editorial websites
Product showcases
Art direction projects
Interactive landing pages
Creative storytelling

How to Use

Add Cinematic Slide to your Framer canvas.
Replace the default images with your own.
Edit the title and chapter for each slide.
Adjust the animation settings from the property panel.
Customize typography, colors, controls, and autoplay to match your design.

Built to be flexible, visual, and easy to customize directly inside Framer.

5a:[["$","$L5d",null,{"post":{"id":"01a0c53d-bc28-710b-baef-7acf7d0ed160","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"652ba0e8-691a-4ef6-97ad-80ec8ae6089f","name":"RS Studio","slug":"rft-studio","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"KlAeLVVQNzvMGpZz7nQ6","resolved":true,"title":"Cinematic Slide","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Cinematic Slide"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Create cinematic image presentations with"},{"type":"text","text":" Cinematic Slide","marks":[{"type":"bold"}]},{"type":"text","text":", a smooth and interactive image slider designed for modern websites, portfolios, creative studios, photography, agencies, and landing pages."}]},{"type":"paragraph","content":[{"type":"text","text":"Each slide combines a dynamic vertical strip reveal with a subtle parallax zoom effect, creating a polished transition between images. Titles and chapter labels animate into view while the progress indicator and slide counter keep navigation clear and minimal."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematic vertical strip reveal animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth parallax and image zoom effects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated slide titles and chapter labels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom images for every slide"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable title, chapter, and counter typography"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable strip count and animation timing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional autoplay"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional progress bar"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional slide counter"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional navigation controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom accent and background colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Touch and mobile-friendly interaction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-friendly rendering for Framer"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative portfolios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Photography websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Design studios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Agency websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fashion and editorial websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Art direction projects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative storytelling"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to Use"}],"attrs":{"level":1}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add "},{"type":"text","text":"Cinematic Slide ","marks":[{"type":"bold"}]},{"type":"text","text":"to your Framer canvas."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Replace the default images with your own."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edit the title and chapter for each slide."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust the animation settings from the property panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize typography, colors, controls, and autoplay to match your design."}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"Built to be flexible, visual, and easy to customize directly inside Framer."}]}]},"introduction":"Cinematic image slider with smooth","slug":"cinematic-slide","author":{"framerUserId":"652ba0e8-691a-4ef6-97ad-80ec8ae6089f","name":"RS Studio","slug":"rft-studio","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/652ba0e8-691a-4ef6-97ad-80ec8ae6089f/01a0c539-8d3f-73f7-9e01-b2bc286b2d23.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":1600}}],"post":null,"createdAt":"2026-09-21T18:32:31.923Z","updatedAt":"2026-09-21T18:32:31.923Z","publishedAt":"2026-09-21T18:32:31.921Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Parallaxstripslider-x7DtWU.js@F2haz7ITyMod1s7MbD2z","previewUrl":"https://parallastripxslider.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"F2haz7ITyMod1s7MbD2z","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-21T18:32:32.552Z","updatedAt":"2026-09-21T18:32:32.552Z","reported":false}}],"$L5f"]

Suggested for you