Animated Next Button

Compact next button with a looping arrow reveal, crisp press feedback, and loading and disabled states.

Add to your project

1Connect the Uniquel MCP

Connect Uniquel to your coding agent before using the component ID.

Connect MCP

2Copy the component ID

MCP ID
component:navigation/animated-next-button

Works with your AI tools

ClaudeClaude*
CodexCodex*
LovableLovable
Base44Base44
Figma MakeFigma Make
ReplitReplit*
CursorCursor*
v0v0

* Compatible with most projects that use the default React/Next.js framework.

Built With

ReactTailwind CSSSolar Icons

Props

PropTypeDescription
loadingbooleanDisable the action and show a spinner
childrenReactNodeButton label
classNamestringStyles for the button
...propsButtonHTMLAttributesNative button attributes

More Navigation Components

New: Coverflow Gallery is live — explore the catalog. See what's new

Restrained product update strip with gradient sheen and a clean collapse dismiss.

Minimal locale control with scaled blur-sm menu and staggered options — no native select chrome.

Compact sun and moon switch that persists theme preference and toggles the document dark class.

Numbered pagination that keeps the current page visible and collapses long ranges with ellipses.

Compact pagination controls with arrows and dots by default, plus optional page numbers.