Components
Prism Bloom Shader
A full-screen, petal-like bloom shader that swirls and pulses, perfect for dynamic background effects in React apps. Exposes swirlCount and swirlSpeed props for runtime customization.
"use client";
import PrismBloomShader from "@/components/ui/prism-bloom-shader";
const settings = {
swirlCount: 24,
swirlSpeed: 0.8,
};
export default function Demo(props: Partial<typeof settings>) {
const s = { ...settings, ...props };
return (
<div className="h-screen w-screen">
<PrismBloomShader swirlCount={s.swirlCount} swirlSpeed={s.swirlSpeed} />
</div>
);
}