Components
Electric Mist
An animated full-bleed WebGL shader background with glowing lightning, waves and smoke effects, configurable via color, speed, detail, distortion and brightness props.
import ElectricMist from "@/components/ui/electric-mist";
const settings = {
speed: 1.0,
distortion: 3.0,
detail: 1.5,
brightness: 1.0,
color: "#191970",
};
export default function Demo(props: Partial<typeof settings>) {
const s = { ...settings, ...props };
return (
<div className="h-screen w-screen relative">
<ElectricMist
speed={s.speed}
distortion={s.distortion}
detail={s.detail}
brightness={s.brightness}
color={s.color}
/>
</div>
);
}