Dots UI
Dots UI is a React animation library that morphs particles into shapes and interactive UI components. It offers 171 predefined morphing shapes spanning AI assistant, productivity, media, commerce, and navigation themes. Developers can use ready-made components, customize appearances, compose primitives like buttons and sliders, or create new shapes in the Studio. It is designed for creating animated states, interfaces, loaders, and playful interactions using particle-based visuals.
Ratings & Reviews
Write a reviewBe the first to share a thoughtful review.
Information
Website checks
Automated checks of the public website by Google Lighthouse 13.5.0. Scores can vary between runs.
Checked Oct 24, 2026
Test this website on PageSpeedWebsite checks refresh automatically each week.
- Performance
- 67 out of 100, Needs improvement
- Accessibility
- 100 out of 100, Good
- Best Practices
- 100 out of 100, Good
- SEO
- 100 out of 100, Good
Around the Web
Lovely work, Hamza. As a solo dev shipping both Next.js web apps and Expo mobile apps, my first question is always performance and portability. What's rendering under the hood canvas, WebGL or SVG and how does it hold up on mid-range phones? Any plans for a React Native version, or a way to export shapes for use outside React?
furkan_savrun · Imported from Product Hunt
it looks great in the demo videos but I'd push back a little on using particle morphs as actual interface elements rather than decoration. the moment a loading state or a button is made of particles instead of a plain shape, you've got a prefers-reduced-motion user and a screen reader both getting nothing useful - what's actually announced or shown as the static fallback when motion is off or when the particles haven't rendered yet on a slow connection
galdayan · Imported from Product Hunt