Rainbow Preloader

Rainbow Curtain Preloader

A colorful first impression for your Framer website.

Make your website entrance unforgettable with Rainbow Curtain Preloader — a playful, fully customizable loading animation that reveals your website through a sequence of beautifully curved, colorful layers.

Each layer sweeps upward, creating a smooth rainbow curtain effect before revealing your content. Add your own logo, customize the colors, adjust the timing, and make the experience uniquely yours.

Features

• Animated rainbow reveal — Smooth, curved color layers that sweep upward to reveal your website.

• Fully customizable palette — Add, remove, and rearrange colors to match your brand.

• Custom logo support — Upload your logo or use text.

• Two logo exit animations — Choose between Fade and Slide Up.

• Adjustable animation controls — Fine-tune the speed, color delays, intro timing, and curve depth.

• Fullscreen experience — A seamless overlay that works independently of the component's canvas dimensions.

• Session-based playback — Optionally show the preloader only once per session.

• Reduced-motion support — Respects visitors' accessibility preferences.

• No external libraries — Built as a native Framer Code Component.

Perfect for

Creative studios, portfolios, design agencies, personal brands, and websites that deserve an entrance as memorable as the work behind them.

Make every entrance a little more colorful.