Shaders
High-performance grain-gradient shaders for heroes, sections, and immersive backgrounds. Copy the source and tune speed and intensity with a few props.
Structured geometric gradient with warm amber tones. Ideal for corporate and professional designs.
import GeometricPattern from "@/registry/infinity-ui/geometric-pattern";
export default function GeometricPatternDemo() {
return <GeometricPattern className="h-screen w-full" />;
}
Morphing grid-inspired gradient with cool indigo and slate tones. Perfect for developer tools and dashboards.
import GridMorph from "@/registry/infinity-ui/grid-morph";
export default function GridMorphDemo() {
return <GridMorph className="h-screen w-full" />;
}
More shaders on the way…