---
title: "Sakura Storm Preload — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Jijo M · Loaders. Petals that take over the load"
canonical: "https://framer.elliotli.dev/component/sakura-storm-preload"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/Sakura Storm Preload

# Sakura Storm Preload

Petals that take over the load

[View on Framer](https://framer.com/marketplace/components/sakura-storm-preload/?via=elliot-li)

![Sakura Storm Preload preview image 1](https://framer.elliotli.dev/og/component/sakura-storm-preload/dd373c9ed203f034/1600x1200.jpg)

## Summary

Petals that take over the load

## Description

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](https://www.threads.com/@jijo.fyi)

## Rank history [How rankings work →](/terms#rankings)

-   All · #6140

## Details

- **Author**: Jijo M
- **Price**: $9.00
- **Published**: 2026-07-25
- **Updated**: 2026-07-26
- **Added**: 2026-07-25
- **Categories**: Loaders

## More like this

-   [Preloader Pro V4](/component/preloader-pro-v4) — Interface Studio · $12 — Your Website, Beautifully Unveiled
-   [Circleloader](/component/circleloader) — gustavwf · $5 — Circular logo reveal loader.
-   [AI Text Loading](/component/ai-text-loading) — Syauqizaidan Khairan Khalaf · $5 — Thinking phrases with a shimmer
-   [Preloader Pro V3](/component/preloader-pro-v3) — Interface Studio · $10 — Set the Stage Before the Story