A WebGL fragment shader plasma in about thirty lines of GLSL, with a CSS fallback.
5,840
Bookmarks
6,200
Installs
121,400
Views
import { PlasmaShader } from "@/components/ui/plasma-shader"
export default function DemoPlasmaShader() {
return (
<div className="relative flex min-h-[420px] w-full items-center justify-center overflow-hidden bg-black">
<PlasmaShader className="absolute inset-0" />7 more lines behind a plan
Previews are free to watch. Reading and copying the full source needs a plan.
See plansThat's all 6 components
Part of Juno GL — browse the full library on Nuxus.