SmoothUI

Dot Morph Button

Button with morphing dots for progress/confirmation.

Open in v0

Last updated: November 8, 2025

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

Prop

Type

Clip Corners Button

Geometric button with clipped corners and hover sheen.

Wave Text

An animated text component that creates a wave effect across characters.

On this page

Installation
Features
Props

Powered by

motion.dev