Pencil Eraser Loader
Fully customizable animated pencil loader for Framer. Drag, resize, recolor & position with precision. Responsive & production-ready! ✏️✨
Make it with Workshop
Build your own component with AI
✏️ 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 experiences
No-code Framer websites
