Preloader guidelines for templates
Preloaders can enhance the first impression of your website, but only when done right.
Preloader requirements
Templates with preloaders must meet certain standards to ensure an optimal browsing experience. A well-designed preloader improves perceived performance without frustrating visitors.
To be accepted, a preloader must:
Have a short duration (maximum 1.5 seconds).
Be easy to disable, with clear documentation.
Removing it shouldn’t affect layout or functionality.
Include meaningful visuals that relate to your site’s content.
Examples of great preloaders include a car dealership using a garage door animation to reveal the homepage, an architecture portfolio where a sketch smoothly transitions into a finished piece, and a photography site featuring a camera shutter animation that briefly opens and closes.
What to avoid
The following preloaders will not be approved:
Generic preloaders that don’t add meaningful value to the design.
Loaders that simulate loading (e.g., progress bars or “loading…” text).
Preloaders showing only a logo without engaging interaction.
Best practices
To create preloaders users appreciate rather than endure:
Add the preloader to the layout template so it runs only once — not every time users navigate between pages.
Avoid delaying content unnecessarily. A good preloader feels integrated, not obstructive.
Want to know more about templates?
Visit our Creators Help Center for more articles:
For help or questions about templates, email us at creators@framer.com.