Ripple rings expand from centre, your logo rises, and up to 6 product images orbit in a smooth merry-go-round. Drop in, customise, publish. Full Description Ondula is a full-screen page loader built for brands that care about every detail including the two seconds before your page appears.
Three colour-customisable ripple rings expand outward in a staggered sequence, clearing the screen before your logo rises from below. If you upload product images, they orbit the logo in a smooth, continuous merry-go-round fading in with the logo and fading out before it flies offscreen. Then the overlay dissolves and your page is revealed.
The entire animation runs on a single requestAnimationFrame loop with direct DOM writes no React re-renders during playback, no jank, no dropped frames. What's inside
Ripple sequence Three rings expand from the centre with a staggered offset. Each ring fades out as it grows, clearing the screen cleanly before the logo appears. Ring colours are individually controlled.
Logo reveal Your logo rises from below the centre, rests, then exits upward as the loader closes. Upload any image SVG, PNG, WebP and set exact width and height.
Orbital product showcase (optional) Upload 1 to 6 images and they distribute themselves evenly around a circle — 90° apart for 4 images, 72° for 5, 60° for 6. The orbit rotates continuously at a speed you control. No images uploaded? The loader runs cleanly with just the logo.
Canvas Preview Mode A toggle dims the loader to 12% opacity so you can keep working on your canvas without the loader covering your page. Flip it off to test the full animation in Framer Preview.
Ripple rings expand from centre, your logo rises, and up to 6 product images orbit in a smooth merry-go-round. Drop in, customise, publish. Full Description Ondula is a full-screen page loader built for brands that care about every detail including the two seconds before your page appears.
Three colour-customisable ripple rings expand outward in a staggered sequence, clearing the screen before your logo rises from below. If you upload product images, they orbit the logo in a smooth, continuous merry-go-round fading in with the logo and fading out before it flies offscreen. Then the overlay dissolves and your page is revealed.
The entire animation runs on a single requestAnimationFrame loop with direct DOM writes no React re-renders during playback, no jank, no dropped frames. What's inside
Ripple sequence Three rings expand from the centre with a staggered offset. Each ring fades out as it grows, clearing the screen cleanly before the logo appears. Ring colours are individually controlled.
Logo reveal Your logo rises from below the centre, rests, then exits upward as the loader closes. Upload any image SVG, PNG, WebP and set exact width and height.
Orbital product showcase (optional) Upload 1 to 6 images and they distribute themselves evenly around a circle — 90° apart for 4 images, 72° for 5, 60° for 6. The orbit rotates continuously at a speed you control. No images uploaded? The loader runs cleanly with just the logo.
Canvas Preview Mode A toggle dims the loader to 12% opacity so you can keep working on your canvas without the loader covering your page. Flip it off to test the full animation in Framer Preview.
Jane
