Dev Design Library

Word Rotate

A component that cycles through an array of words with smooth fade and slide animations between transitions.

Word Rotate preview
Library
Animations (Svelte)
Framework
Svelte
Type
block
License
MIT
Dependencies
motion-sv
Install
pnpm dlx shadcn-svelte@latest add https://sv-animations.vercel.app/r/word-rotate.json
Files
  • src/lib/components/magic/word-rotate/word-rotate.svelte
  • src/lib/components/magic/word-rotate/index.ts
  • src/lib/components/magic/word-rotate/rotating-text-container.svelte
  • src/lib/components/magic/word-rotate/rotating-text.svelte
  • src/lib/components/magic/word-rotate/use-rotating-text-context.svelte.ts
  • src/lib/components/magic/word-rotate/types.ts
  • src/lib/utils.ts
Source
https://github.com/SikandarJODD/animations

Categories

More from Animations (Svelte)