Electric Border Component for Framer

Copy component

Electric Border Component for Framer

Copy component

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Component

Electric Border Component for Framer

This is an electric border component for Framer, originally created by Balint. It adds an energetic outline that animates and glows around any layer you want. Simply drop it into your project, customize the properties and give your designs an electrified highlight effect.

image of Nandi Muzsik
profile image of Emanuele
image of Prianca S.
Image of Balint

Created by

,

,

and

Electric border component with glowing animated frame and neon UI buttons
Electric border component with glowing animated frame and neon UI buttons
Electric border component with glowing animated frame and neon UI buttons

About the resource

To use the electric border component, just drop it into your Framer project and start tweaking the settings. You can turn the preview on or off depending on whether you want to see the effect live while editing. Glow can be toggled too, if you switch it on, you’ll get controls for how far the glow spreads with +glow-, how fast it moves with speed, and how bright it looks with intensity. You can also play around with the thickness to make the border bold or subtle, and pick a border color that fits your design. It’s a simple way to give your content that energetic, glowing outline without any extra hassle.

About the resource

To use the electric border component, just drop it into your Framer project and start tweaking the settings. You can turn the preview on or off depending on whether you want to see the effect live while editing. Glow can be toggled too, if you switch it on, you’ll get controls for how far the glow spreads with +glow-, how fast it moves with speed, and how bright it looks with intensity. You can also play around with the thickness to make the border bold or subtle, and pick a border color that fits your design. It’s a simple way to give your content that energetic, glowing outline without any extra hassle.

About the resource

To use the electric border component, just drop it into your Framer project and start tweaking the settings. You can turn the preview on or off depending on whether you want to see the effect live while editing. Glow can be toggled too, if you switch it on, you’ll get controls for how far the glow spreads with +glow-, how fast it moves with speed, and how bright it looks with intensity. You can also play around with the thickness to make the border bold or subtle, and pick a border color that fits your design. It’s a simple way to give your content that energetic, glowing outline without any extra hassle.

Electric border settings panel with glow toggle, speed, intensity, thickness sliders, and color picker

The properties of electric border component in Framer.

Electric border settings panel with glow toggle, speed, intensity, thickness sliders, and color picker

The properties of electric border component in Framer.

Electric border settings panel with glow toggle, speed, intensity, thickness sliders, and color picker

The properties of electric border component in Framer.

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

More resources

More resources

  • Framer card cycle animation with rotating stack showing Trojena Mountain design

    Card Cycle Animation in Framer

    Component

    Framer card cycle animation with rotating stack showing Trojena Mountain design

    Card Cycle Animation in Framer

    Component

    Framer card cycle animation with rotating stack showing Trojena Mountain design

    Card Cycle Animation in Framer

    Component

  • Interactive income button with liquid hover animation

    Fluid Step Hint Animation in Framer

    Component

    Interactive income button with liquid hover animation

    Fluid Step Hint Animation in Framer

    Component

    Interactive income button with liquid hover animation

    Fluid Step Hint Animation in Framer

    Component