Transform particle swarms into dynamic shapes and interactive UI
Free plan available, paid tiers aboveVisit WebsiteFreemiumVisit Website
Tracked since2026
The Bottom Line
- Price
- Free plan available, paid tiers above. Compare plans
Key facts
- Create fluid particle animations that morph into 171 shapes and interactive UI primitives with a single prop change.
- Composable React components (Button, Dropdown, Slider, etc.) built on Radix, bringing living material to real interfaces.
- Free to start; Dots Pro offers a one-time payment for the Studio visual editor, extended shapes, and multi-device project saving.
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.
What is Dots UI?
Dots is a React animation library that transforms particle swarms into dynamic shapes, interactive UI components, and choreographed sequences. With a single prop change, thousands of dots morph between 171 predefined shapes, from geometric forms to icons like microphones and neural networks, enabling fluid transitions and lively interfaces. The library includes composable UI primitives (Button, Dropdown, Slider, Checkbox, Switch) built on Radix behavior, allowing developers to integrate particle-based interactions into real application controls. Developers can create persistent, living UI surfaces that respond to user input, scroll, or time-based progress. For advanced compositions, Dots Pro unlocks the Studio visual editor with 46 pro shapes, project management across devices, and the ability to save and export sequences. The open-source core is free to use, while Pro offers permanent access to extended features for a one-time payment.
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 Plans
Pricing checked Oct 6, 2026
| Plan | Price | Details |
|---|---|---|
| THE COMPLETE EDITION | $149 USD one-time |
+3 moreShow less
|
| Core | Free |
+3 moreShow less
|
Is Dots UI worth the price?
Good value
The $149 one-time fee for The Complete Edition is generous given lifetime access to 118 specialist shapes, advanced physics and UI choreography, and all future updates.
The free Core tier offers a solid starter set with 53 shapes and basic physics, making the pricing fair for both hobbyists and professionals. Best for designers and developers who need expressive motion and particle-based UI without recurring subscriptions.
Reviews
$99Free with your review
Write a reviewReview Dots UI, get a free AI guide
Share your experience and we will send you Improve Your Thinking Patterns Using ChatGPT, free.
Best Dots UI Alternatives
Top alternatives based on features, pricing, and user needs.
PixiJSFree
Fast 2D rendering for web games and interactive graphics
LottieFreemium
Lightweight animations for web and mobile
RiveFreemium
Interactive animations for apps and games
Origami StudioFree
Prototyping tool for complex interactions and animations
SplineFreemium
Create interactive 3D experiences for web and mobile
Magic UIFree
150+ free and open-source animated components and effects for React and Tailwind CSS.
Still deciding?
Most buyers shortlist 2 or 3 tools before committing. Pull a side-by-side comparison or browse the full alternatives shortlist below.
Explore More
Dots UI FAQ
How does Dots UI help developers create interactive UI components with particle animations?
Dots UI provides composable UI primitives like Button, Dropdown, Slider, Checkbox, and Switch built on Radix behavior, allowing developers to integrate particle-based interactions into real application controls. With a single prop change, thousands of dots morph between 171 predefined shapes, enabling fluid transitions and lively interfaces that respond to user input, scroll, or time-based progress.
How does Dots UI differ from Rive for creating animated UI components?
Dots UI is a React animation library that transforms particle swarms into dynamic shapes and interactive UI components, while Rive is a general animation tool. Dots UI offers a single prop change to morph between 171 predefined shapes and includes composable UI primitives like Button and Slider built on Radix behavior, making it specifically tailored for React developers.
What are the main limitations of using Dots UI in a project?
Performance may degrade with very high particle counts or on lower-end devices, and optimization is the developer's responsibility. Additionally, Dots UI is limited to React ecosystems with no native support for Vue, Svelte, or vanilla JS.
Which teams benefit most from using Dots UI?
Teams building React-based applications that want to add dynamic, particle-driven animations and interactive UI components will benefit most. Developers who need to create persistent, living UI surfaces that respond to user input, scroll, or time-based progress will find Dots UI's elegant API and composable primitives valuable.
How is Dots UI priced?
Dots UI offers a free open-source core with access to 171 predefined shapes and basic functionality. For advanced features, Dots Pro provides a visual editor, 46 pro shapes, project management across devices, and the ability to save and export sequences through a one-time payment, with no subscription required.
Can Dots UI be used to create interactive UI controls like buttons and sliders?
Yes, Dots UI includes composable UI primitives such as Button, Dropdown, Slider, Checkbox, and Switch built on Radix behavior. These allow developers to integrate particle-based interactions into real application controls, creating clickable and interactive components.
Does Dots UI support morphing between different shapes?
Yes, with a single prop change, thousands of dots can morph between 171 predefined shapes, ranging from geometric forms to icons like microphones and neural networks. This enables fluid transitions and lively interfaces without complex animation code.
What does Dots Pro unlock for developers?
Dots Pro unlocks the Studio visual editor, which allows developers to create and edit animations visually, along with 46 pro shapes, project management across devices, and the ability to save and export sequences. It is available through a one-time payment, providing permanent access to these extended features.
Source: dotsui.dev