Dot Morph Button

Button with morphing dots for progress/confirmation.

Open in v0

Last updated: January 13, 2026

Installation

pnpm dlx shadcn add @smoothui/dot-morph-button
npx shadcn@latest add @smoothui/dot-morph-button
yarn dlx shadcn add @smoothui/dot-morph-button
bunx shadcn add @smoothui/dot-morph-button

Features

  • Morphing dot animations
  • States: idle, loading, success
  • Keyboard and ARIA support
  • Easy to theme

Props

Clip Corners Button

Geometric button with clipped corners and hover sheen.

Magnetic Button

Button that subtly follows the cursor with a magnetic effect.

On this page

Installation
Features
Props

Created by

Edu Calvo's avatar
Edu Calvo

Powered by

motion.dev