About LogoStrokePreloader
About
Logo Stroke & Reveal Preloader brings smooth, customizable logo animations straight into your Framer projects. Drop it into your hero section, splash screen, or loading state to give your site an immediate high-end feel. It supports SVG path drawing and image wipe reveals, giving you complete control over how your brand logo appears on load.
What it does
Renders animated SVG paths or image reveals with fine tuned playback controls. It handles view triggers, speed adjustments, and easing curves automatically while letting you set custom delays, replay behaviors, and background styling. The component also features a canvas preview mode so you can see the completed state directly inside the Framer editor without breaking your design workflow.
What you can customize
Source & Mode: Switch between SVG file upload, direct path data, or image reveal modes (including directional wipes).
Playback Controls: Adjust playback state, animation speed, duration, start delay, and easing profiles.
Triggers & Viewport: Set trigger types like In View with customizable visibility percentages and optional replay functionality.
Layout & Style: Toggle background visibility, customize background color, adjust logo scaling, loop options, and canvas preview states.
Great for
Hero sections and splash screens
Brand reveal transitions
Portfolio and agency landing pages
Product launch teasers
Interactive web experiences
Share your build
If you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I would love to see what you create.
Need help?
Questions or feedback? Reach me anytime at dulajdilshan766@gmail.com or on X @Dulajweb.
