Signal Loader

About Signal Loader

Hold the door for exactly as long as it takes. A cinematic preloader with five entrances — a band of light over the wordmark, an eclipse, a fill, a field of particles assembling, a drawn ring — real progress from the page load or a believable count, a minimum on screen so it never flashes, a percentage and a bar, and four ways out. It removes itself from the page when it is done.

Features

• Five loading modes, all driven by one progress value.

• Real page-load progress, a timed count, or your own value.

• Minimum time on screen so a fast page never makes it flash.

• Four exit transitions, and the component removes itself afterwards.

• Logo or wordmark, caption, percentage and progress bar.

• Covers the viewport or just its own section, with an optional scroll lock.

• Screen-reader progress and a reduced-motion path that leaves at once.

• Canvas preview on the Framer canvas instead of a blank frame.

• One rAF loop that stops the moment the count is finished.

• One standalone React + TypeScript file.

• 26 controls in the Framer properties panel

• Respects prefers-reduced-motion

• Renders correctly on the Framer canvas and in export

Created by LUNAUT Studio.