A fully-customizable glowing loader with animated dots and multiple shapes. Control size, spacing, count, speed, and shape directly from Framer props.
Make it with Workshop
Build your own component with AI
Bring a bit of sci-fi glow to your loading states. Neon Glow Loader is a tiny Framer code component that creates a row of animated shapes with soft neon shadows and smooth wave animations.
You can quickly tune it to match any brand or layout - without touching the code.
✨ Features
Change item count (1-30)
Control size and gap
Adjust padding for tighter or wider layouts
Multiple shapes: Circle, Square, Rounded, Pill, Diamond, Triangle, Custom SVG
7 color slots for full customization
Glow controls: intensity + spread
Wave modes: Forward, Reverse, Mirror, Bounce, Random
Upload Custom SVG (auto-masked, no background)
Transparent background - works on any section or hero
Smooth performance with Framer Motion
🧩 Best For
Page & section loaders
Button / CTA loading states
Dashboard indicators
Hero decorations
Futuristic or neon-styled websites
🛠 How to Use
Add Neon Glow Loader from the Insert menu.
Place it inside any frame, button, or section.
Adjust the count, size, gap, shape, glow, speed, and wave mode from the right side panel.
(Optional) Upload your own SVG icon for custom shapes.
Layer it with text or other components to create unique animated effects.
No setup, no dependencies - just drop it in and glow ✨
💬 Refund Policy
If the component does not work as described or you experience any technical issue I cannot fix, I will provide a 100% refund.
Refunds are available if:
The component fails to load or breaks inside Framer
A documented bug prevents using core features
You contact me within 7 days of purchase
Refunds are not available for:
Wrong purchases
Design preference changes
Situations unrelated to the component’s functionality
Need help? Just reach out - I reply quickly and will make sure you’re fully satisfied.