Preloader One Time: Premium Interactions Component by Cleiton Brito

Marketplace Components Categories Interactions

Paste the component URL into a new Framer project. The preloader works automatically with no extra setup. Customize colors and text in the component panel. The preloader will display only once per session.

About this Component

About the componentThis Framer preloader component was designed to enhance user experience by displaying an elegant, configurable loading screen that appears only once per session. It can be pasted and used in any Framer project, maintaining consistent behavior without complex setup.

Features:

Single display per session (controlled via sessionStorage).
Standalone functionality when pasted into any project.
Internal state control for automatic show/hide behavior.
Full support for SVGs with stroke animations by connecting any frame/component.
Smooth exit animations using framer-motion (fade, swipe, slide, scale, rotate etc.).
Direct customization in the component panel: duration, background color, animation type, and exit speed.