Text Swap Primitive

ui

The text-change engine: outgoing text lifts 3px and blurs out, incoming rises 4px and sharpens, and the box springs to the new width. Shared by Button, Field messages and toasts.

pnpm dlx shadcn@latest add "https://eased.dev/r/eased-text-swap.json"

Sign In

Text Swap Primitive

ui

The text-change engine: outgoing text lifts 3px and blurs out, incoming rises 4px and sharpens, and the box springs to the new width. Shared by Button, Field messages and toasts.

pnpm dlx shadcn@latest add "https://eased.dev/r/eased-text-swap.json"

motion

@components/eased/_primitives/text-swap/text-swap.tsx

motion

@components/eased/_primitives/text-swap/text-swap.tsx