56:I[473921,["/creators-assets/_next/static/immutable/chunks/36c08p67t0nml.js","/creators-assets/_next/static/immutable/chunks/3ayu63s3pbx5h.js","/creators-assets/_next/static/immutable/chunks/2qqxwi6m3n33t.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/1tyeiicl34tqo.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3k0o12ps7rnq6.js","/creators-assets/_next/static/immutable/chunks/2fw--q9y_1nc-.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/271g_l-8c77ee.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/31xze_yiju0_q.js","/creators-assets/_next/static/immutable/chunks/06p8bv9p94pxh.js","/creators-assets/_next/static/immutable/chunks/42u1pxaq7eeka.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/2gb4kwi-0_ftg.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/102julo6bufcv.js","/creators-assets/_next/static/immutable/chunks/15z5hu5cixks0.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/0mwzcaalgk6io.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/2_dm0za3asre2.js","/creators-assets/_next/static/immutable/chunks/3wj273i6wglef.js","/creators-assets/_next/static/immutable/chunks/30ex342hi0wzr.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/222e_wk0i41rv.js","/creators-assets/_next/static/immutable/chunks/28h79imj-g45k.js","/creators-assets/_next/static/immutable/chunks/3pe6luvwzbwnz.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/33kea80yupbzt.js","/creators-assets/_next/static/immutable/chunks/3oj8b9u7wi0dw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3f2ccywlofkgw.js","/creators-assets/_next/static/immutable/chunks/1-gdi7ej49wy6.js","/creators-assets/_next/static/immutable/chunks/05yll7e_snxjv.js"],"PostDetailCard"] 57:Tf70,

Your hero section should feel like a film.

The Cinematic Slider isn't just a slideshow. It's a complete visual storytelling system built into a single Framer component. Each slide has its own image, headline, subtext, overlay color, and call-to-action — all animated with smooth crossfade transitions and a subtle zoom that gives the impression of movement, depth, and production value.

TRANSITIONS & MOTION

• Crossfade between slides with configurable duration

• Ken Burns subtle zoom on active image for cinematic depth

• Animated slide content (headline and subtext) with directional entrance

• Content fades and translates smoothly on every slide change

NAVIGATION

• Previous and next arrow buttons with glassmorphism styling

• Pill-style dot indicators with animated active state

• Slide counter (01 / 03) in the corner for editorial polish

• Autoplay with configurable interval and pause on interaction

PER-SLIDE CUSTOMIZATION

• Individual image, headline, subtext, overlay color, and CTA per slide

• Each CTA links to a unique URL

• Full typography control: font, size, weight, color for headline and subtext

• CTA button: background, text color, radius, font size

LAYOUT & DISPLAY

• Content alignment: left, center, or right

• Content vertical position: top, center, or bottom

• Height, border radius, and all visual properties adjustable

IDEAL FOR

• Hero sections with multiple featured messages or products

• Photography and travel portfolios

• Fashion, hospitality, and luxury brand websites

• Agency landing pages and case study features

• Real estate and architecture showcases

slider, carousel, hero slider, image slider, fullscreen slider, Ken Burns, autoplay, cinematic, framer component, content slider, scroll animation, hero section

Refund Policy

At BlackFrame AI, we strive for excellence in every component we build. Because our products are digital assets, we generally do not offer refunds. However, your satisfaction is our priority.

Refund Policy
At BlackFrame AI, we strive for excellence in every component we build. Because our products are digital assets, we generally do not offer refunds. However, your satisfaction is our priority.
- 7-Day Technical Guarantee: If the component is technically non-functional or does not work as advertised, we offer a full refund within 7 days of purchase.
- Resolution First: Before a refund is issued, our team must be given the opportunity to help troubleshoot or resolve the technical issue.
- Non-Refundable: Refunds will not be granted for "change of mind," lack of technical skill to implement, or software compatibility issues clearly stated in the product requirements.
To request support or a refund, please contact us with your order details and a description of the issue.

53:[["$","$L56",null,{"post":{"id":"019de37f-b203-7974-9cb4-44876cad3b61","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"b32d8f68-d5c0-44f3-8a6e-f2d5bfa06b25","name":"Tanik.D","slug":"annied","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2054876/avatar-z4A8Jw9H2DtegdKHtiGyvPMEqpN39H.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ctThijdyzNZiNrNrNzFj","resolved":true,"title":"Cinematic slider AT","body":"$57","bodyJson":null,"introduction":"Premium image and content slider ","slug":"cinematic-slider-at","author":{"framerUserId":"b32d8f68-d5c0-44f3-8a6e-f2d5bfa06b25","name":"Tanik.D","slug":"annied","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2054876/avatar-z4A8Jw9H2DtegdKHtiGyvPMEqpN39H.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ctThijdyzNZiNrNrNzFj/cinematic-slider-at-nPMEkDzp7CiEvAPjIu2gapwZ9Juq1i","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-04T06:17:13.879Z","updatedAt":"2026-05-01T11:38:31.983Z","publishedAt":"2026-05-01T12:24:49.923Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://silver-quicker-571756.framer.app/","price":"13","paymentUrl":"https://blackframeat.lemonsqueezy.com/checkout/buy/03b1a3b0-cf25-4330-8e60-da5dd3b97ca0","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"tC0cf7Ytns0kmHDFSRYW","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-01T12:24:49.923Z","updatedAt":"2026-05-01T12:24:49.923Z","reported":false,"type":"post"}}],"$L58"]

Suggested for you