Circleloader

About this component

Meet Circle Loader, a page loader that opens on your logo inside a circle. The circle’s edge flips and sweeps outward to reveal your page, or an image or video background behind it.

Use it as an intro on every page, only on the first page of a visit, or loop it as a hero animation.

Properties

• BG Media - Image, video, or none to reveal the page underneath

• Overlay - Color surrounding the logo circle

• Logo - Your logo image

• Logo Scale - Logo size relative to the circle

• Circle Size - Circle diameter relative to the frame

• Circle Fill - Optional solid color behind the logo

• Playback - Loop, Once, or First Load (plays only on the first page of a visit)

• Trigger - Start on load or when scrolled into view

• Logo Hold / Media Hold - How long each state is held

• Speed - Overall animation speed

Questions?

If you have any questions about this component, feel free to contact me @gustavwf or hi@gustavwf.com

Want more?

Find my works at gustavwf.supply