Shaders
High-performance grain-gradient shaders for heroes, sections, and immersive backgrounds. Copy the source and tune speed and intensity with a few props.
Deep space-themed shader with dark purple and starlight accents. Ideal for dark-themed applications.
import CosmicDust from "@/registry/infinity-ui/cosmic-dust";
export default function CosmicDustDemo() {
return <CosmicDust className="h-screen w-full" />;
}
Floating particle-style gradient creating a sense of depth. Great for tech-focused landing pages.
import ParticleField from "@/registry/infinity-ui/particle-field";
export default function ParticleFieldDemo() {
return <ParticleField className="h-screen w-full" />;
}
More shaders on the way…