Skip to main content

Assets Templates Inspiration Components

Components/Smooth UI

Dot Morph Button

Dot Morph Button

Pro

Animated React button component with morphing dot animations for idle, loading, and success states with ARIA accessibility support.

Category: Buttons
Built with: React, Tailwind, Radix, Motion
Installs: @radix-ui/react-slot class-variance-authority clsx motion tailwind-merge
Files: dot-morph-button.tsx + 2 more, a few lines of CSS

The prompt tells your agent to rebuild the styles on your project's tokens, so it fits in like it was made there.

Smooth UI

by Eduardo Calvo

231 components

Copyright (c) 2024 Eduardo Calvo. Open source, added by Craftwork. The license line stays in the copied code.

More like this

FreeOpen

Aurora Download Button

Aurora Download Button

FreeOpen

FreeOpen

Ash Burst Button

Ash Burst Button

FreeOpen

Circle Surface Button

Circle Surface Button

FreeOpen

Contact Details Reveal

Contact Details Reveal

Button Metallic Button

Button Metallic Button