Eased/ui/eased-text-swap

Text Swap primitive · Eased

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.

npx shadcn@latest add https://eased.dev/r/eased-text-swap.json

Loading the source for eased-text-swap…

eased-text-swap

Registry Items

eased-text-swap

Configuration

Name

eased-text-swap

Type

Description

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.

Files · 1

Dependencies

npm packages

motion

Registry items

https://eased.dev/r/eased-tokens.json

https://eased.dev/r/eased-motion.json