Components
Loading preview...
A dynamic, animated background component. It uses Three.js and a custom GLSL shader to render a flowing, wave-like visual effect resembling a "cosmic ocean."
@dhiluxui
npx shadcn@latest add https://21st.dev/r/dhileepkumargm/cosmic-ocean-shaderimport CosmicOceanShader from "@/components/ui/cosmic-ocean-shader";
export default function DemoOne() {
return <div className="app-container">
<CosmicOceanShader />
<div className="content-overlay">
<h1>Cosmic Ocean</h1>
<p>A Procedural Shader Animation</p>
</div>
</div>
}