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: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":17,"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