PaceUI

Blocks
MCPComponentsTemplatesChartsStarter

Build faster with Pro

Unlock all premium blocks, templates, and support future updates.

Get Full Access

Swap

PreviousNext

A flexible swap component that animates content changes with smooth customizable transition effects.

Default

npx shadcn@latest add @paceui/motion-swap

Loading preview...

Headline

npx shadcn@latest add @paceui/motion-swap

Loading preview...

Props

Swap

PropTypeDefault
stateT-
durationnumber0.4
effectsstring[]-