Dot Orbit Shader

Animated multi-color dots orbiting their cell centers. Supports up to 10 colors with controls for size, spread, and motion. Powered by Paper Design Shaders.

Library

Sona UI

Framework

React

Type

ui

License

MIT

Dependencies

@paper-design/shaders-react, motion

Install

npx shadcn@latest add @sona-ui/dot-orbit-shader

Files

• src/registry/sonaui/dot-orbit-shader/dot-orbit-shader.tsx
• src/registry/sonaui/sona-utils/sona-utils.ts
• src/lib/sona-utils.ts

Source

https://github.com/Dinil-Thilakarathne/sona-ui

Categories

• Backdrop Components
• React Backdrop Components
• Tailwind CSS Backdrop Components
• Animated Backdrop Components
• Shader Background Components
• React Shader Background Components
• Tailwind CSS Shader Background Components
• Animated Shader Background Components

More from Sona UI

• Mesh Gradient Shader
• Accordion
• Activity Graph
• Animated Checkbox
• Animated Dialog
• Animated Dropdown
• Animated Segmented Control
• Animated Switch
• Animated Tabs
• Assignment Cluster
• Avatar Showcase
• BubbleUpButton