Monday, October 12, 20269:39 AMETLondon2:39 PMDubai5:39 PMTokyo10:39 PMSydney12:39 AMLos Angeles6:39 AM57°FNew YorkNewsletter

Preloader

A short branded loader.

On this page

The Preloader
Our logo mark, brought to life
Your logo, your way
A loader for every kind of site
How it gets out of the way

NewsOn

Premium elements for Elementor

NEWSON · ELEMENT NO. 58

A full-screen splash, a slim top progress bar, or an inline loading state. 17 loaders — including the animated NewsOn “U” in 8 styles and your own logo in 6 — 4 layouts, 6 backgrounds and 10 exit effects. You just saw the big U when this page opened.

Replay the page preloader Browse all elements

NewsOn

Liquid U · editorial layout

THE NEWSON “U” · 8 STYLES

Built from the same SVG as the NewsOn header logo — pick how it moves, recolor its gradient and spark, and set its size up to 420px.

drawprogressliquidorbitneonbouncesplit3D fliphalo ringglow

DrawThe stroke draws itself, the spark pops in. A calm splash for a SaaS launch page.

ProgressThe U fills as the page really loads — images counted, not guessed.

LiquidA wave rises inside the U. Playful for a drinks brand or a fun app.

OrbitA light travels along the U. Good for tech and developer tools.

NeonGlowing, flickering sign. Night-life, gaming and music sites.

BounceThe spark drops, the U squishes — the same move as our header logo.

SplitTwo halves swing in and lock together. “Coming together” for agencies.

FlipA crisp 3D turn. Works well for a product reveal.

YOUR BRAND · LOGO LOADER

Upload any logo (SVG or PNG) and choose one of six animations. The brands below are fictional examples.

color fillshinepulsefloatringheartbeatreal progress

Color fillKivora (fictional app): the gray logo fills with color as the page loads.

Shine sweepBrightmoor (fictional bank): a light sweep across the mark — polished, not playful.

PulseLumora (fictional skincare): a soft breathing pulse.

FloatOrbitly (fictional travel site): the logo floats gently.

Inside a ringNordhaven (fictional outdoor shop): classic spinner around the logo.

HeartbeatFernwell (fictional clinic): a calm double beat.

CLASSIC LOADERS · 15 MORE

Every loader takes your two accent colors and a size. Here each one is matched to a site it suits.

ringdualdotsbarspulseorbitflipcube gridwaveinfinityhelixsegmentsprogresscountertext

PortfolioSpinning ring — neutral, works anywhere.

Creative agencyDual ring turning both ways.

Chat appBouncing dots, like someone typing.

Music & podcastsEqualizer bars that bounce to a beat.

Health clinicA soft pulse — calm and reassuring.

Space-tech startupPlanets orbiting a glowing core.

Game studioA tile flipping in 3D.

SaaS dashboardA cube grid, like data loading in.

Surf & travelDots rolling like a wave.

FintechAn endless loop of light.

Science labA turning DNA helix.

Mobile appThe familiar segment spinner.

Preparing your lesson…

Online courseA clear progress bar with a message.

PhotographerA big counting number, nothing else.

Fashion labelYour name, letter by letter.

EXITS × BACKGROUNDS

Ten exit effects and six backgrounds — solid, gradient, animated gradient, aurora glow, dot grid and starfield. Each card replays so you can watch the exit.

fadeslide upslide downzoomfly throughcirclediagonalcurtain ×2blinds

Fade outBackground: solid.

Slide upBackground: gradient.

Slide downBackground: aurora.

Zoom outBackground: grid.

Fly throughBackground: stars.

Circle revealBackground: animated.

Diagonal wipeBackground: aurora.

Curtain — sidewaysBackground: gradient.

Curtain — up/downBackground: grid.

BlindsBackground: animated.

LAYOUTS · REAL SITES

Centered stack, split, minimal and editorial — each with brand text, tagline, rotating messages and a percent or bar. All businesses below are fictional.

stacksplitminimaleditorialrotating messagespercentthin bar