Dot Grid Example

paper-shaders/dot-grid

FreeComponent

Dot Grid shader example.

Install it

npx shadcn@latest add https://shaders.paper.design/r/dot-grid.json

Source

registry/dot-grid-example.tsxshaders.paper.design/r/dot-grid.json

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

What it pulls in

npm packages

@paper-design/shaders-react

Files it writes

registry/dot-grid-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 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
Halftone CMYK Examplehalftone-cmyk	Paper Shaders	Components	Free	1 dep