---
title: "Storm Card — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Lucas · Cards. Lightning crawls around the card"
canonical: "https://framer.elliotli.dev/component/storm-card"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Storm Card

# Storm Card

Lightning crawls around the card

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

![Storm Card preview image 1](https://framer.elliotli.dev/og/component/storm-card/cdbf7a8af10d60eb/1600x933.jpg)

## Summary

Lightning crawls around the card

## Description

Hover the card and procedural lightning crackles along its border — real midpoint-displacement bolts with branches, born at irregular intervals so it feels like weather, not a metronome. Each strike flashes at its anchor point and fades out as a trail.

The bolts crawl the perimeter: they hug the edges and corners and never bar the content. Two-pass rendering (wide glow plus a near-white core) drawn additively gives them an electric depth. At rest, the card rumbles with a discreet micro-arc every couple of seconds — switchable off.

Border and title glow rise with the storm on hover. Everything stays inside the component's bounds — no page overflow, no scrollbars.

Canvas and requestAnimationFrame, no dependencies, nothing loaded from outside. Honours prefers-reduced-motion, and rests quietly on the Framer canvas.

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

-   All · #8743

## Details

- **Author**: Lucas
- **Price**: $5.00
- **Published**: 2026-08-12
- **Updated**: 2026-08-12
- **Added**: 2026-08-12
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator