Flyleaf

Flyleaf
Flyleaf

About Flyleaf

Flyleaf opens your site with your own photos. They cycle in the middle of the page with a soft top-down reveal, then the frame opens, the last photo fades, and your site appears.

It covers the page while it plays, then removes itself and leaves your site untouched.

Settings

  • Images: up to 10 of your own. Five photos are included and play until you add yours.

  • Size: photo width on desktop and tablet, and separately on phones.

  • Shape: portrait, square or landscape.

  • Speed: from half speed to double.

  • Background: any color.

  • Play: always, or once per visit.

License

Use it on as many of your own and your clients' sites as you like. Please don't resell or share the component.

Good to know

  • Delivered as a component link after purchase.

  • It skips itself for visitors with reduced motion turned on.

  • On a site with several pages, keep it on the home page only, or set Play to Once.

Setup guide: https://flyleaf-preloader.framer.website/setup-guide

Related Components

3D Ring Preloader
Scenario Lens
Curtain Reveal Anim
Carousel Preloader