LUNAUT STUDIOGet the component
OBJECTS FOR THE WEB / 022Signal Loader
LUNAUT

Preparing the studio

0%Loading, 0 percent
Mode
Exit
Colors

Hold the door
for exactly as long as it takes.

Five ways in, four ways out. Real page progress when you want it, a believable count when you do not, a minimum on screen so it never flashes — and then it takes itself off the page.

THE SAME LOADER, IN DAYLIGHTLINE DRAW · CURTAIN EXIT
LUNAUT

Loading the archive

0%Loading, 0 percent
THE FIRST SECOND OF THE SITE.

Make the wait
part of the work.

A preloader with five entrances — a band of light passing over the wordmark, an eclipse, a fill, a field of particles assembling, a drawn ring — real progress from the page load or a timed count, a minimum time on screen, a percentage and a bar, and four ways of getting out of the way. It removes itself from the page when it is done.

Download the component

One Code File. React and Framer only.
Keyboard, reduced motion and canvas preview included.

LUNAUT STUDIOINDEPENDENT OBJECTS. DISTINCTIVE WEBSITES.SIGNAL LOADER / 1.0

Create a free website with Framer, the website builder loved by startups, designers and agencies.