Pencil Eraser Loader

✏️ 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