- Hover-Triggered or Permanent Glow - An animated dash of light travels along the border path with a soft blur glow behind it. Trigger it on hover, or set it to show permanently.
- Two Flexible Modes - In Wrapper mode, drop any content inside and the border wraps around it automatically. In Standalone mode, overlay the component on top of existing elements (like native Framer components) and control the hover externally - ideal when wrapping isn't possible.
- Full Visual Customization - Adjust glow color, blur thickness, dash length, animation speed, border radius, static border color, and width directly from the Framer properties panel. Built-in defaults ensure the component looks great right out of the box.
1. Add the component to your Framer project.
2. For Wrapper mode: Drop your content into the slot and resize the component as needed - the border follows automatically.
3. For Standalone mode: Place the component inside a Frame, set it to "Fill container", and make sure the parent frame has overflow set to visible.
4. Toggle the Preview Hover property to test the animation directly on the canvas.
5. Customize the appearance (Glow Color, Blur Size, Line Length, Speed, Radius, Border Color, and Border Width) to match your design.
For more details on installation and component properties, please refer to the documentation -https://docs.zeroqode.com/framer-plugins/animated-glow-border-button
- Call-to-action buttons and signup forms that need to grab attention.
- SaaS landing pages and pricing cards requiring interactive visual feedback.
- Portfolio and agency websites looking for polished, modern micro-interactions.
- Navigation elements and feature cards that benefit from a subtle glow highlight.
- Any project where you want to replace flat, static borders with a dynamic, eye-catching effect.
💬 For any questions, feel free to contact us at this support email: support@zeroqode.com
Zeroqode
