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

Preloader Animation Reveal

Create instant visual impact with a smooth, cinematic hero reveal animation.

Preloader Animation Reveal is a powerful Framer component that reveals your hero image, title, and subtitle with a refined animated transition — perfect for elevating the first impression of your website.

Features include:

Cinematic image reveal animation for a premium look on page load
Editable title & subtitle directly from the UI
Customizable colors for text, overlay, and background
Overlay opacity control to match any brand aesthetic
Adjustable font sizes for both title and subtitle
Corner radius options for modern rounded layouts
Responsive variants for Desktop & Mobile
Instant setup with built-in configurations

Perfect For:

Hero sections
Landing pages
Luxury and travel websites
Product launches
Cinematic page intros
Any site needing a premium first-load effect

Have questions or need a custom Framer component?

Reach out at hello@reiyastudio.com

License

You may use this component for one website, whether it's personal, commercial, or a client project.

Not Allowed:

Reselling the component
Redistributing, sharing, or giving the component to others
Using the component inside a product, template, or package that is sold or shared
Using the component for multiple client projects without purchasing additional licenses

Refund Policy: Components are delivered instantly upon purchase and cannot be returned once downloaded.Got questions? Email: hello@reiyastudio.com

5a:[["$","$L5d",null,{"post":{"id":"019b0fa2-8a30-71ae-b46a-a38d044ad20f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6119a99b-34df-4027-836d-856ec01f0dc2","name":"Reiya Studio","slug":"iliyass-oulad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/38872/eDD60ID_I-QNe6vEgLC92AYIiZGtULQE4AGVWeRm","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"zODqGcINY9SMbjP77qsL","resolved":true,"title":"Preloader Hero","body":"$5e","bodyJson":null,"introduction":"Preloader Animation Reveal","slug":"preloader-hero","author":{"framerUserId":"6119a99b-34df-4027-836d-856ec01f0dc2","name":"Reiya Studio","slug":"iliyass-oulad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/38872/eDD60ID_I-QNe6vEgLC92AYIiZGtULQE4AGVWeRm","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/zODqGcINY9SMbjP77qsL/preloader-hero-brb2Moli4E18CHSAQbeDAWT7TC0hYm","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-25T19:14:34.238Z","updatedAt":"2026-01-20T20:24:11.048Z","publishedAt":"2025-12-11T22:57:49.104Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://crimson-pictogram-172792.framer.app/","price":"10","paymentUrl":"https://dub.sh/JVl1lnEPreloader","workshop":false,"categories":[{"id":"b42eea44-0ea9-4372-9981-70c9e68577c1","name":"Loaders","slug":"loaders"}],"lastSaveId":"K9vX0eQTNUNtl3Ldn9d4","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-11T22:57:49.104Z","updatedAt":"2025-12-11T22:57:49.104Z","reported":false}}],"$L5f"]

Suggested for you