Image Dithering Example

paper-shaders/image-dithering

FreeComponent

Image dithering example.

Install it

npx shadcn@latest add https://shaders.paper.design/r/image-dithering.json

Source

registry/image-dithering-example.tsxshaders.paper.design/r/image-dithering.json

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

What it pulls in

npm packages

@paper-design/shaders-react

Files it writes

registry/image-dithering-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