5d:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rc641binzbjp.js","/creators-assets/_next/static/immutable/chunks/12ci1vsd8nj4u.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/2ply_q-h6u_2z.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/1pb7yncyfm9fe.js","/creators-assets/_next/static/immutable/chunks/1j6jg0y72xk13.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/03itqfxm4gmj8.js","/creators-assets/_next/static/immutable/chunks/114fkj16mhe97.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/16inv17cv83xq.js","/creators-assets/_next/static/immutable/chunks/2760bhhttj0zo.js","/creators-assets/_next/static/immutable/chunks/3_z6gb0g1nigd.js","/creators-assets/_next/static/immutable/chunks/3vlbhrh3-zofo.js","/creators-assets/_next/static/immutable/chunks/120bipr4k16wv.js","/creators-assets/_next/static/immutable/chunks/3ea2l_ol8wqqa.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1zr4ew02k6y_l.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/08ajsjh8ypdt2.js","/creators-assets/_next/static/immutable/chunks/1ddgh6mv1wg4x.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3t6k2_m2gc3-k.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0w6oa8_ba59u4.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/3c3kl-ixsd844.js"],"PostDetailCard"] 5e:T9e8,

About this Component

Elegance Hero Slider turns your hero section into a cinematic experience. Each slide delivers a slow Ken Burns zoom, smooth crossfade, choreographed text entrances, and an animated progress bar — senior-dev motion quality, driven entirely from Framer's native property panel. No code required.

Demo: https://eleganceheroslider.framer.website/

Perfect for

Interior Design & Architecture: Showcase spaces with cinematic quality.
Luxury Retail & E-commerce: Editorial-grade motion that drives engagement.
Agencies & Portfolios: Make the first impression count.
SaaS & Landing Pages: Rotate value props with visual rhythm.

Feature Highlights

Unlimited Slides: Add or remove slides from the panel — each with its own title, headline, text, image, and CTA.
Elegance Zoom: Slow Ken Burns zoom on every slide.
Component-Width Responsive: Breakpoints respond to the component's width, adapting to any layout.
Native Font Picker: Use any typeface from your Framer project.
Orchestrated Text: Text fades in only after the image is visible.

The "Why" A truly responsive, code-free hero slider normally takes a senior dev days. This delivers it all — component-width breakpoints, clean autoplay, synced text, and full navigation — bulletproof across desktop, tablet (810px), and mobile.

How to Use

Set Your Foundation: Drag onto canvas — default slides ready instantly.
Define the Aesthetic: Upload images, write copy, pick fonts, set duration and CTA per slide.
Preview & Deploy: Preview autoplay, then publish.

Refund Policy All sales are final — digital products grant an instant, permanent license and can't be reversed. Explore the live preview before buying. No refunds, but full technical support is available: renan.uxui@gmail.com

5a:[["$","$L5d",null,{"post":{"id":"019e79b0-7e71-75d3-8253-e2977f241c7b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"14a03a1d-aa18-4ffb-ace6-5fb92eb40056","name":"Renan Orn","slug":"renan-orn","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/859496/avatar-U3yDzJ9KhO2XlewlBeTuVqPWyHhgje.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"oWMpJSAMzh7CQXjysEs6","resolved":true,"title":"Elegance hero slider","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"About this Component","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Elegance Hero Slider turns your hero section into a cinematic experience. Each slide delivers a slow Ken Burns zoom, smooth crossfade, choreographed text entrances, and an animated progress bar — senior-dev motion quality, driven entirely from Framer's native property panel. No code required."}]},{"type":"paragraph","content":[{"type":"text","text":"Demo:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://eleganceheroslider.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://eleganceheroslider.framer.website/","target":"_blank"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Perfect for","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interior Design & Architecture:","marks":[{"type":"bold"}]},{"type":"text","text":" Showcase spaces with cinematic quality."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Luxury Retail & E-commerce:","marks":[{"type":"bold"}]},{"type":"text","text":" Editorial-grade motion that drives engagement."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Agencies & Portfolios:","marks":[{"type":"bold"}]},{"type":"text","text":" Make the first impression count."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS & Landing Pages:","marks":[{"type":"bold"}]},{"type":"text","text":" Rotate value props with visual rhythm."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Feature Highlights","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlimited Slides:","marks":[{"type":"bold"}]},{"type":"text","text":" Add or remove slides from the panel — each with its own title, headline, text, image, and CTA."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Elegance Zoom:","marks":[{"type":"bold"}]},{"type":"text","text":" Slow Ken Burns zoom on every slide."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Component-Width Responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" Breakpoints respond to the component's width, adapting to any layout."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Native Font Picker:","marks":[{"type":"bold"}]},{"type":"text","text":" Use any typeface from your Framer project."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Orchestrated Text:","marks":[{"type":"bold"}]},{"type":"text","text":" Text fades in only after the image is visible."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"The \"Why\"","marks":[{"type":"bold"}]},{"type":"text","text":" A truly responsive, code-free hero slider normally takes a senior dev days. This delivers it all — component-width breakpoints, clean autoplay, synced text, and full navigation — bulletproof across desktop, tablet (810px), and mobile."}]},{"type":"paragraph","content":[{"type":"text","text":"How to Use","marks":[{"type":"bold"}]}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set Your Foundation:","marks":[{"type":"bold"}]},{"type":"text","text":" Drag onto canvas — default slides ready instantly."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Define the Aesthetic:","marks":[{"type":"bold"}]},{"type":"text","text":" Upload images, write copy, pick fonts, set duration and CTA per slide."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Preview & Deploy:","marks":[{"type":"bold"}]},{"type":"text","text":" Preview autoplay, then publish."}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy","marks":[{"type":"bold"}]},{"type":"text","text":" All sales are final — digital products grant an instant, permanent license and can't be reversed. Explore the live preview before buying. No refunds, but full technical support is available: "},{"type":"text","text":"renan.uxui@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:renan.uxui@gmail.com","target":"_blank"}}]}]}]},"introduction":"Refined slides. Effortless impact.","slug":"elegance-hero-slider","author":{"framerUserId":"14a03a1d-aa18-4ffb-ace6-5fb92eb40056","name":"Renan Orn","slug":"renan-orn","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/859496/avatar-U3yDzJ9KhO2XlewlBeTuVqPWyHhgje.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/14a03a1d-aa18-4ffb-ace6-5fb92eb40056/019f6b2d-9838-7458-af28-986adb127348.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-14T14:48:11.445Z","updatedAt":"2026-07-16T13:46:26.919Z","publishedAt":"2026-05-30T16:21:10.385Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://eleganceheroslider.framer.website/","price":"2","paymentUrl":"https://renanuxui.gumroad.com/l/elegance-hero-slider","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"ax4w5JOT9xkJnYpFpwE1","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":16,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-30T16:21:10.385Z","updatedAt":"2026-05-30T16:21:10.385Z","reported":false}}],"$L5f"]

Suggested for you