Docs
Animated Button
Primary action button with animated gradient rim, frosted fill, staggered label, and loading state
Default (translucent)
Loading state (async)
Guard the click while loading, then clear after your mutation (here MOCK_LOADING_MS).
Loading
isLoading shows loadingText and disables the control.
Non-string children
Stagger applies only when the label is a string.
Pro workflow
Open in v0 and the Pro CLI install shortcut are part of Cult UI Pro. Upgrade to use them in your projects.
Get Propnpm add @base-ui/react motion
Source code is available for Pro members.
Upgrade to copy and use these components in your projects.
View pricing