Future UI

Plasma Storm

◆ Backgrounds

WebGL2 electric plasma arcs with mouse-attracted lightning and ambient glow.

backgroundwebglshaderplasmalightningelectricarcinteractivemouse

No preview available

WebGL2 Shader ~ Move cursor to attract plasma arcs

Controls

View Demo
Demo Hero Content
#8b5cf6
#22d3ee
0.5
4
1

Backgrounds / React Component

About Plasma Storm

WebGL2 electric plasma arcs with mouse-attracted lightning and ambient glow.

Category Backgrounds
Framework React + TypeScript
Tags background, webgl, shader, plasma, lightning, electric, arc, interactive, mouse

Install Plasma Storm in your project

Copy the shadcn CLI command below. Replace YOUR_LICENSE_KEY with the license key from your FutureUI account — or log in and it will auto-fill for you.

npx shadcn@latest add "https://futureui.studio/api/registry/plasma-storm.json?key=YOUR_LICENSE_KEY"

Usage example

import { PlasmaStorm } from './PlasmaStorm';

export default function Example() {
  return (
    <div style={{ width: '100%', height: 400, position: 'relative' }}>
      <PlasmaStorm accentColor="#8b5cf6" secondaryColor="#22d3ee" />
    </div>
  );
}