---
title: "LogoStrokePreloader — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Dulaj Design · Loaders. Animate logo paths and image"
canonical: "https://framer.elliotli.dev/component/logostrokepreloader"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/LogoStrokePreloader

# LogoStrokePreloader

Animate logo paths and image

[View on Framer](https://framer.com/marketplace/components/logostrokepreloader/?via=elliot-li)

![LogoStrokePreloader preview image 1](https://framer.elliotli.dev/og/component/logostrokepreloader/9992dd4447e7a18f/1600x1200.jpg)

## Summary

Animate logo paths and image

## Description

### **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](mailto:dulajdilshan766@gmail.com) or on X @Dulajweb.

## Rank history [How rankings work →](/terms#rankings)

-   All · #6718

## Details

- **Author**: Dulaj Design
- **Price**: $15.00
- **Published**: 2026-07-24
- **Updated**: 2026-09-03
- **Added**: 2026-07-24
- **Categories**: Loaders

## More like this

-   [Preloader Pro V4](/component/preloader-pro-v4) — Interface Studio · $12 — Your Website, Beautifully Unveiled
-   [Circleloader](/component/circleloader) — gustavwf · $5 — Circular logo reveal loader.
-   [AI Text Loading](/component/ai-text-loading) — Syauqizaidan Khairan Khalaf · $5 — Thinking phrases with a shimmer
-   [Preloader Pro V3](/component/preloader-pro-v3) — Interface Studio · $10 — Set the Stage Before the Story