Morph Button

A multi-state async action button that morphs between idle, loading, success and error with an arc spinner, drawn-in check, tight error shake and auto-reset.

Library

Spectrum UI

Framework

React

Type

component

License

Apache-2.0

Dependencies

framer-motion

Install

npx shadcn@latest add @spectrumui/morph-button

Files

• app/registry/morph-button/morph-button.tsx
• lib/utils.ts

Source

https://github.com/arihantcodes/spectrum-ui

Categories

• Action Components
• React Action Components
• Tailwind CSS Action Components
• Animated Action Components
• Button Components
• React Button Components
• Tailwind CSS Button Components
• Animated Button Components
• Submit Button Components
• React Submit Button Components
• Tailwind CSS Submit Button Components
• Animated Submit Button Components

More from Spectrum UI

• No API Keys
• Button Collection
• Circular Navbar
• Contact Card Footer
• Failed to Load
• Follow Button
• Hold to Confirm
• Invite Teammates
• Invoices Table
• Like Button
• Loading Button As Child
• Loading Button Usage