---
title: "Pencil Eraser Loader — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Mohd Qasim · Loaders. ✏️ Animated Pencil Loader A fully customizable, interactive SVG loader component for Framer and React projects."
canonical: "https://framer.elliotli.dev/component/pencil-eraser-loader"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/Pencil Eraser Loader

# Pencil Eraser Loader

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

![Pencil Eraser Loader preview image 1](https://framer.elliotli.dev/og/component/pencil-eraser-loader/741c2020aa64f9de/1600x1200.jpg)

## Summary

✏️ Animated Pencil Loader A fully customizable, interactive SVG loader component for Framer and React projects.

## Description

## ✏️ Animated Pencil Loader

A fully customizable, interactive SVG loader component for Framer and React projects.

## ✨ Key Features

-   **Drag & Drop** - Move the loader anywhere on your canvas
    
-   **Pixel-Perfect Positioning** - Set exact X/Y coordinates
    
-   **Full Customization** - Change size, colors, and stroke width
    
-   **Responsive Design** - Auto-scales for mobile, tablet, and desktop
    
-   **Smooth Animations** - CSS-powered pencil drawing effect
    

## 🎨 What You Can Control

-   Size: 50-800px with live preview
    
-   Position: Drag freely or set precise pixel coordinates
    
-   Colors: Custom pencil body and stroke colors
    
-   Stroke: Adjustable line thickness (1-10px)
    
-   Alignment: Center, top/left, or bottom/right presets
    

## 🚀 Perfect For

-   Loading screens and page transitions
    
-   Creative portfolios and design showcases
    
-   Interactive web experience
    
-   No-code Framer websites
    

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

-   All · #9943

## Details

- **Author**: Mohd Qasim
- **Price**: $3.00
- **Published**: 2025-11-26
- **Updated**: 2025-12-30
- **Added**: 2025-11-21
- **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