Dot Orbit Example

paper-shaders/dot-orbit

FreeComponent

Dot Orbit shader example.

Install it

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

Source

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

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

What it pulls in

npm packages

@paper-design/shaders-react

Files it writes

registry/dot-orbit-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
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