Dots UI
Dots is a React animation library that transforms particle swarms into dynamic shapes, interactive UI components, and choreographed sequences.
Our verdict
Who it's for
Transform particle swarms into dynamic shapes and interactive UI
Who should look elsewhere
Performance may degrade with very high particle counts or on lower-end devices; optimization is developer responsibility.
Pros
- +Elegant API: morphing between shapes is a single prop change, making complex animations simple.
- +Particle UI components blend aesthetic motion with real interactivity (clickable buttons, toggles, etc.).
- +One-time payment for Pro unlocks a visual editor and extended shape library, no subscription required.
Cons
- −Performance may degrade with very high particle counts or on lower-end devices; optimization is developer responsibility.
- −Limited to React ecosystems; no native Vue, Svelte, or vanilla JS support.
Key features
- ✓Particle morphing system with 171 built-in shapes, triggered by a single prop change.
- ✓Composable UI primitives including Button, Dropdown, Slider, Checkbox, and Switch with Radix behavior.
- ✓SwarmSequence component for choreographing multi-step animations keyframed by progress or scroll.
- ✓Interactive surface (SwarmSurface) for building custom reactive scenes, including avatar and mouse-following effects.
- ✓Visual Studio editor (Pro) for composing shapes, setting properties like density, dispersion, and color, and saving projects across devices.
Pricing
| Plan | Price | Billing | Notes |
|---|---|---|---|
| THE COMPLETE EDITION | $149 | month | Lifetime access; 118 specialist shapes + the free collection; Advanced motion, physics & interactions |
| Core | — | month | 53 shapes; particle renderer; UI primitives |