5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3jpuro209qqra.js","/creators-assets/_next/static/immutable/chunks/2qlox892e2j_q.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/07e2f_v4-u-we.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3orcs6a8eyfvz.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/120zfy8hqrcwf.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/2c_4he4mvu2r0.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3q7g04e77g4lf.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/0lmnldnlzsgok.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/0z2hzm-7v_g2c.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2_qutx8yar-up.js","/creators-assets/_next/static/immutable/chunks/0p4vy6mn-x9zs.js"],"PostDetailCard"] 5d:T97c,

Sakura Storm Preloader is a Framer code component that displays a full-screen animated sakura transition while your website loads. It features a canvas-based petal simulation, a centered loading interface, and a cinematic fade-out with a wind-blown exit.

Choose from five loading animations, customize every detail from the Framer Property Panel, and decide whether the animation plays once or loops continuously.

Motion Paths

Every loading animation ends with the same cinematic wind-blown exit.

Vortex A classic swirling motion that pulls petals toward the center.

Whirlpool A tighter, more concentrated inward spiral.

Wavy Gentle floating petals with smooth sine-wave movement.

Toward the Screen Creates the illusion of petals rushing toward the viewer.

Scatter Petals burst outward from the center before fading away.

Customization

Everything can be customized directly from the Framer Property Panel.

Animation

Motion path
Petal count
Animation speed
Swirl duration
Reveal timing

Appearance

Custom petal image (or use the included Sakura asset)
Petal trails
Edge blur
Color customization

Loader

Multiple loader styles
Loader size
Animation speed
Loading message
Text color
Text blip animation

Behavior

Scroll lock
Play once
Loop animation

Responsive

Sakura Storm Preloader is fully responsive.

The overlay stays fixed to the viewport and automatically resizes with the browser window, ensuring both the animation and loading interface remain perfectly centered across desktop, tablet, and mobile devices.

Refund Policy

Due to the digital nature of this product, all sales are final and refunds are generally unavailable after download.

Support

Questions, bug reports, and feature suggestions are always welcome.

Threads

https://www.threads.com/@jijo.fyi

59:[["$","$L5c",null,{"post":{"id":"019f9829-e556-7298-bd1b-617cd58c6699","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2ba2511b-b125-4567-8f14-3486ed9f66d7","name":"Jijo M","slug":"ji-jo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ba2511b-b125-4567-8f14-3486ed9f66d7/uilx4a0c","followed":false,"followsYou":false},"media":[],"resources":[{"id":"UlkRwUzk2XypiiJhuOwQ","resolved":true,"title":"Sakura Storm Preload","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Sakura Storm Preloader is a Framer code component that displays a full-screen animated sakura transition while your website loads. It features a canvas-based petal simulation, a centered loading interface, and a cinematic fade-out with a wind-blown exit."}]},{"type":"paragraph","content":[{"type":"text","text":"Choose from five loading animations, customize every detail from the Framer Property Panel, and decide whether the animation plays once or loops continuously."}]},{"type":"customHeading","content":[{"type":"text","text":"Motion Paths"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Every loading animation ends with the same cinematic wind-blown exit."}]},{"type":"paragraph","content":[{"type":"text","text":"Vortex","marks":[{"type":"bold"}]},{"type":"text","text":" A classic swirling motion that pulls petals toward the center."}]},{"type":"paragraph","content":[{"type":"text","text":"Whirlpool","marks":[{"type":"bold"}]},{"type":"text","text":" A tighter, more concentrated inward spiral."}]},{"type":"paragraph","content":[{"type":"text","text":"Wavy","marks":[{"type":"bold"}]},{"type":"text","text":" Gentle floating petals with smooth sine-wave movement."}]},{"type":"paragraph","content":[{"type":"text","text":"Toward the Screen","marks":[{"type":"bold"}]},{"type":"text","text":" Creates the illusion of petals rushing toward the viewer."}]},{"type":"paragraph","content":[{"type":"text","text":"Scatter","marks":[{"type":"bold"}]},{"type":"text","text":" Petals burst outward from the center before fading away."}]},{"type":"customHeading","content":[{"type":"text","text":"Customization"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Everything can be customized directly from the Framer Property Panel."}]},{"type":"customHeading","content":[{"type":"text","text":"Animation"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Motion path"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Petal count"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Swirl duration"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reveal timing"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Appearance"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom petal image (or use the included Sakura asset)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Petal trails"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edge blur"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Color customization"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Loader"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multiple loader styles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Loader size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Loading message"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text blip animation"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Behavior"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll lock"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Play once"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Loop animation"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Responsive"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Sakura Storm Preloader is fully responsive."}]},{"type":"paragraph","content":[{"type":"text","text":"The overlay stays fixed to the viewport and automatically resizes with the browser window, ensuring both the animation and loading interface remain perfectly centered across desktop, tablet, and mobile devices."}]},{"type":"customHeading","content":[{"type":"text","text":"Refund Policy"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Due to the digital nature of this product, all sales are final and refunds are generally unavailable after download."}]},{"type":"customHeading","content":[{"type":"text","text":"Support"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Questions, bug reports, and feature suggestions are always welcome."}]},{"type":"paragraph","content":[{"type":"text","text":"Threads","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"https://www.threads.com/@jijo.fyi","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.threads.com/@jijo.fyi","target":"_blank"}}]}]}]},"introduction":"Petals that take over the load","slug":"sakura-storm-preload","author":{"framerUserId":"2ba2511b-b125-4567-8f14-3486ed9f66d7","name":"Jijo M","slug":"ji-jo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ba2511b-b125-4567-8f14-3486ed9f66d7/uilx4a0c","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ba2511b-b125-4567-8f14-3486ed9f66d7/019f9829-c0f9-74f2-874a-c424cdc5fa1f.png"}],"post":null,"createdAt":"2026-07-25T07:25:10.007Z","updatedAt":"2026-07-26T17:55:12.004Z","publishedAt":"2026-07-25T07:25:09.998Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://sakura-loader.framer.media/","price":"9","paymentUrl":"https://buy.polar.sh/polar_cl_Zf6sIlwXa54BH8sb6zWKBvmnrl4N6YfqVVr4v0LbVMV","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"Lj6AaJ08ouGwbqWR2q1i"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-25T07:25:10.358Z","updatedAt":"2026-07-25T07:25:10.358Z","reported":false}}],"$L5e"]

Suggested for you