56:I[473921,["/creators-assets/_next/static/immutable/chunks/456dxp3afc8vw.js","/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0bntpu9zyiup3.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/0_p7_rfyih3ce.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3x7cofmdt-u_a.js","/creators-assets/_next/static/immutable/chunks/18e_sauhpyyit.js","/creators-assets/_next/static/immutable/chunks/13xqrk3e5k8yu.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1yn3k6g09tq32.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/2n9qmawfhavju.js","/creators-assets/_next/static/immutable/chunks/0m8lhf01xskqj.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/439i_r5_4eszl.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/26fs9mkd8gzie.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/2eiu9v0ook5ln.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/0u_jiik6ovv_e.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/1tvhyiuh-gmez.js"],"PostDetailCard"] 57:T71f,

3D Hero Slider is a premium fullscreen slider component designed to create immersive first impressions with smooth animated transitions and interactive navigation. It combines dynamic title and subtitle animations with fluid slide movement to deliver a modern cinematic hero experience for websites and landing pages.

Built for Framer, the component supports both mouse wheel and touch gestures, making navigation seamless across desktop and mobile devices. Every slide can be fully customized with your own titles, subtitles, and images through easy-to-use property controls — no coding required.

The component focuses on clean visuals, smooth motion, and responsive interactions, making it ideal for modern websites, creative showcases, startups, portfolios, product launches, and premium landing pages.

Key Features

Fullscreen 3D-style hero slider
Smooth animated slide transitions
Animated title and subtitle reveals
Mouse wheel navigation support
Mobile touch swipe navigation
Fully customizable titles and subtitles
Image upload and URL support
Responsive layout for all screen sizes
Customizable transition speed
Optional animated scroll chevron
Easy-to-edit Framer property controls
Modern cinematic visual experience

Best For

Landing pages
Startup websites
SaaS hero sections
Creative portfolios
Product showcases
Agency websites
Modern business websites
Interactive web experiences
Promotional campaigns
Personal portfolio sites

53:[["$","$L56",null,{"post":{"id":"019e7a36-0281-7e0e-844f-11b6516dd988","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"f1605d16-3738-4772-8b1f-960f69e43c1f","name":"Mohd Qasim","slug":"mohd-qasim","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1578570/avatar-vEAMaKseGusvLs3cBK3fTMKwFnWzh1.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"cRUF6KW3RK4wrndPBFWQ","resolved":true,"title":"3D Hero Slider","body":"$57","bodyJson":null,"introduction":"3D hero slider with smooth transitions","slug":"3d-hero-slider","author":{"framerUserId":"f1605d16-3738-4772-8b1f-960f69e43c1f","name":"Mohd Qasim","slug":"mohd-qasim","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1578570/avatar-vEAMaKseGusvLs3cBK3fTMKwFnWzh1.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/cRUF6KW3RK4wrndPBFWQ/3d-hero-slider-qEoTWDDjIW7THAqKbLWFUU6ybXqNTu","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-21T11:00:32.813Z","updatedAt":"2026-06-16T12:28:38.946Z","publishedAt":"2026-05-30T18:47:00.481Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://3dheroslider.framer.website/","price":"10","paymentUrl":"https://buy.polar.sh/polar_cl_VxZzf79vNWwWa5aRF4WNtZzWKMZCsmedZQaQk2hPZFS","workshop":true,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"XpvPsT54Hd5EVwFWAp9x","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-30T18:47:00.481Z","updatedAt":"2026-05-30T18:47:00.481Z","reported":false,"type":"post"}}],"$L58"]

Suggested for you