5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/05lj3a0qaa006.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/382a8k30zyobj.js","/creators-assets/_next/static/immutable/chunks/368p63l4oh_7-.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/228u8o-g1d1_g.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/413kuej600yyw.js","/creators-assets/_next/static/immutable/chunks/02hyzon6wywme.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:T770,

Motion Reveal Hero

Capture your audience's attention instantly with the Motion Reveal Hero. Designed for modern portfolios, digital agencies, and tech startups, this premium interactive component goes beyond a static layout to deliver a truly immersive first impression.

Key Features

Cursor-Tracking Reveal Mask: Give your users a reason to explore. As they move their mouse, a smooth, dynamic mask uncovers a secondary image beneath the surface. Perfect for "before & after" shots, product reveals, or adding a deep layer of interactivity to your brand.
Staggered Splash Screen: The component loads with a sophisticated, multi-column animated intro that clears the stage seamlessly for your main content.
Choreographed Typography: Watch your headline animate word-by-word into focus, drawing the eye directly to your core message and call-to-action.
Advanced CTA Button: Includes a custom-built button with an expanding background hover state and animated icon, engineered to maximize your click-through rates.

Support & Contact

Need help setting up the component, have a question, or want to suggest a new feature? I’m here to help!

• Email: Reach out at enekolekue16@gmail.com for any technical support or inquiries.

Legal & License

Standard Community License This component is free to use for both personal and commercial projects (including client work). You can modify, tweak, and integrate it into your websites as much as you like.

Restrictions: You may not redistribute, resell, or republish this component (in its original or modified form) as your own standalone product or component on any marketplace.

5a:[["$","$L5d",null,{"post":{"id":"019f5a5c-3f6a-7532-9e4c-479bb7059f65","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6f02a19f-43a4-4050-be76-5fbc6cbcb524","name":"Eneko Lekue","slug":"eneko-lekue","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1580373/avatar-PMCQVO0jd8uNhzBKUIXFju4xGQrRI5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"lORbzbH5AQCUH76bND1i","resolved":true,"title":"Motion Reveal Hero","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Motion Reveal Hero"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Capture your audience's attention instantly with the Motion Reveal Hero. Designed for modern portfolios, digital agencies, and tech startups, this premium interactive component goes beyond a static layout to deliver a truly immersive first impression."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cursor-Tracking Reveal Mask:","marks":[{"type":"bold"}]},{"type":"text","text":" Give your users a reason to explore. As they move their mouse, a smooth, dynamic mask uncovers a secondary image beneath the surface. Perfect for \"before & after\" shots, product reveals, or adding a deep layer of interactivity to your brand."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Staggered Splash Screen:","marks":[{"type":"bold"}]},{"type":"text","text":" The component loads with a sophisticated, multi-column animated intro that clears the stage seamlessly for your main content."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choreographed Typography:","marks":[{"type":"bold"}]},{"type":"text","text":" Watch your headline animate word-by-word into focus, drawing the eye directly to your core message and call-to-action."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Advanced CTA Button:","marks":[{"type":"bold"}]},{"type":"text","text":" Includes a custom-built button with an expanding background hover state and animated icon, engineered to maximize your click-through rates."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Support & Contact"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Need help setting up the component, have a question, or want to suggest a new feature? I’m here to help!"}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Email:","marks":[{"type":"bold"}]},{"type":"text","text":" Reach out at enekolekue16@gmail.com for any technical support or inquiries."}]},{"type":"customHeading","content":[{"type":"text","text":"Legal & License"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Standard Community License","marks":[{"type":"bold"}]},{"type":"text","text":" This component is free to use for both personal and commercial projects (including client work). You can modify, tweak, and integrate it into your websites as much as you like."}]},{"type":"paragraph","content":[{"type":"text","text":"Restrictions:","marks":[{"type":"italic"}]},{"type":"text","text":" You may not redistribute, resell, or republish this component (in its original or modified form) as your own standalone product or component on any marketplace."}]}]},"introduction":"Animated hero with cursor reveal","slug":"motion-reveal-hero","author":{"framerUserId":"6f02a19f-43a4-4050-be76-5fbc6cbcb524","name":"Eneko Lekue","slug":"eneko-lekue","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1580373/avatar-PMCQVO0jd8uNhzBKUIXFju4xGQrRI5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6f02a19f-43a4-4050-be76-5fbc6cbcb524/019f5a5b-e844-75dd-afd4-9daf780cfeaa.jpg","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-13T07:23:42.515Z","updatedAt":"2026-07-13T07:23:42.515Z","publishedAt":"2026-07-13T07:23:42.510Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://chartreuse-pumpkin-106210.framer.app/","price":"6","paymentUrl":"https://contra.com/payment-link/qgcwxab6-framer-component-hero-3-d","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"qRyTqkBvTdv6o5rVCuxG","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-13T07:23:42.826Z","updatedAt":"2026-07-13T07:23:42.826Z","reported":false}}],"$L5f"]

Suggested for you