Mesh Gradient Example

paper-shaders/mesh-gradient

FreeComponent

Mesh Gradient shader example.

Install it

npx shadcn@latest add https://shaders.paper.design/r/mesh-gradient.json

Source

registry/mesh-gradient-example.tsxshaders.paper.design/r/mesh-gradient.json

1import { MeshGradient, MeshGradientProps } from '@paper-design/shaders-react';
2 
3export function MeshGradientExample(props: MeshGradientProps) {
4  return <MeshGradient style={{ position: 'fixed', width: '100%', height: '100%' }} {...props} />;
5}

What it pulls in

npm packages

@paper-design/shaders-react

Files it writes

registry/mesh-gradient-example.tsx

More from Paper Shaders

All 30 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Color Panels Examplecolor-panels	Paper Shaders	Components	Free	1 dep
Dithering Exampledithering	Paper Shaders	Components	Free	1 dep
Dot Grid Exampledot-grid	Paper Shaders	Components	Free	1 dep
Dot Orbit Exampledot-orbit	Paper Shaders	Components	Free	1 dep
Fluted Glass Examplefluted-glass	Paper Shaders	Components	Free	1 dep
Gem Smoke Examplegem-smoke	Paper Shaders	Components	Free	1 dep
God Rays Examplegod-rays	Paper Shaders	Components	Free	1 dep
Grain Gradient Examplegrain-gradient	Paper Shaders	Components	Free	1 dep