Components
Loading preview...
Celestial Matrix" shader generates a grid of shimmering, animated characters that rain down the screen. It's interactive, reacting to your mouse movements by creating a warp effect in the grid. The design uses procedural noise and a futuristic color palette to create a dynamic and visually engaging background
@dhiluxui
npx shadcn@latest add https://21st.dev/r/dhileepkumargm/martrix-shaderimport CelestialMatrixShader from "@/components/ui/martrix-shader";
export default function DemoOne() {
return <div className="app-container">
<CelestialMatrixShader />
<div className="overlay-content">
<h1 className="title">Celestial Matrix</h1>
<p className="description">An Interactive WebGL Shader</p>
</div>
</div>
}