---
title: "Electric effect card — Free Framer component · Best of Framer"
description: "Free Framer component · by Expert & UI/UX Designer | High-Performance Websites · Cards. Electric Effect Card featuring a mesmerizing animated plasma border, custom glow layers, and fully…"
canonical: "https://framer.elliotli.dev/component/electric-effect-card"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Electric effect card

# Electric effect card

Creative classic card component

[View on Framer](https://framer.com/marketplace/components/electric-effect-card/?via=elliot-li)

![Electric effect card preview image 1](https://framer.elliotli.dev/og/component/electric-effect-card/82ca6ac17fe9c866/1600x1200.jpg)

## Summary

Electric Effect Card featuring a mesmerizing animated plasma border, custom glow layers, and fully responsive layout support.

## Description

## Electric Effect Card

Bring your Framer designs to life with a stunning, high-impact **Electric Effect Card** featuring a mesmerizing animated plasma border, custom glow layers, and fully responsive layout support.

✨ Key Features

-   **Dynamic Electric Border:** Powered by SVG turbulence filters and smooth animated offsets to create an authentic glowing plasma effect (automatically disabled during static renders for optimal export performance).
    
-   **Fully Customizable Typography:** Dedicated property controls for text content, custom fonts, explicit font sizes, and precise color grading for your badge, title, and description.
    
-   **Flexible Alignment:** Easily switch between left, center, and right text alignment using intuitive segmented controls.
    
-   **Responsive Layout:** Built to scale seamlessly across different screen sizes and container dimensions with flexible sizing and padding controls.
    
-   **Fine-Tuned Styling:** Adjust content spacing, electric border accent colors, and background opacity right from the Framer panel.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #4605

## Details

- **Author**: Expert & UI/UX Designer | High-Performance Websites
- **Published**: 2026-07-31
- **Updated**: 2026-07-31
- **Added**: 2026-07-31
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards