Morph Shape Button

component

On hover, the button morphs from a pill shape to a circle: the width collapses and border-radius transitions to 50%. The text label fades out and a decorative symbol fades in with a spring-bounce entrance. Both transitions are CSS-only.

pnpm dlx shadcn@latest add "https://movin.design/r/button-morph-shape.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Registry Health Inspect

Morph Shape Button – shadcn/ui Component by movin | shadcnregistry

Registries
movin
Morph Shape Button