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

StorySlide delivers a cinematic storytelling experience inspired by the story format that keeps users engaged and informed. Updates are presented as immersive slides where each piece of content takes center stage with atmospheric overlays, smooth transitions, and editorial typography.

Every slide advances with intention. Motion feels natural and fluid rather than mechanical, making StorySlide ideal for websites that need to communicate updates, news, and announcements in a way that actually gets read.

Key Features

Image and video slides mixed together
Segmented progress bar with auto-advancing playback
3D scale and depth transitions between slides
Staggered headline animations — fade, blur, or rise per character, word, or whole
Floating badge with avatar image and source label
Tap left or right to navigate like a story
Play and pause control
Video audio controlled per slide by the site owner
Fully responsive with automatic scaling
Custom fonts, colors, overlays, and corner radius
Reduced motion support built in

Best For

Site updates and announcements
Blog and news highlights
Product launches and new arrivals
Portfolio and project showcases
Brand storytelling sections
Media and editorial websites

Where to Use

Homepage update sections
News and blog landing pages
Product and campaign launch pages
Portfolio highlight sections
Any section where content needs to be discovered quickly

Why StorySlide

Turns static updates into an experience visitors actually engage with
Cinematic and premium out of the box with zero configuration needed
Fully customizable through Framer property controls without touching code
Supports images and videos in the same slider
Helps website visitors find the right information at the right

Questions & Support

For any questions or assistance, feel free to reach out any time at contact.juventin@gmail.com — I’m happy to help.

5a:[["$","$L5d",null,{"post":{"id":"019ce608-3a05-762b-9f10-ba46ca6df119","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"8f9f11fc-0d34-4d7c-b2a4-6fcef586a2bd","name":"Juventin","slug":"juventin-ntwari-irakoze","avatar":"https://framerusercontent.com/avatars/users/8f9f11fc-0d34-4d7c-b2a4-6fcef586a2bd/eG35PrqG9","followed":false,"followsYou":false},"media":[],"resources":[{"id":"9o1fNGCa3XZnUpUsNIJ6","resolved":true,"title":"Story Slide","body":"$5e","bodyJson":null,"introduction":"Announce, update, and engage visitors","slug":"storyslide","author":{"framerUserId":"8f9f11fc-0d34-4d7c-b2a4-6fcef586a2bd","name":"Juventin","slug":"juventin-ntwari-irakoze","avatar":"https://framerusercontent.com/avatars/users/8f9f11fc-0d34-4d7c-b2a4-6fcef586a2bd/eG35PrqG9","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/9o1fNGCa3XZnUpUsNIJ6/storyslide-gF25EdHaD2x7hT9McwYGRSozSKmFkl","metadata":{"tint":{"h":0,"s":75,"l":13},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-03T09:49:24.688Z","updatedAt":"2026-03-12T21:20:56.720Z","publishedAt":"2026-03-13T07:10:24.773Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://passionate-types-838541.framer.app/preview","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_QZgeaI6gSrcVEwnpX3XrH5DVhzxRMFl8VgznP03Aqgp","workshop":true,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"v7nDzkeivMOqgue6Wp8c","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-13T07:10:24.773Z","updatedAt":"2026-03-13T07:10:24.773Z","reported":false}}],"$L5f"]

Suggested for you