FlipWords

Animated word rotator. Words fade and blur in/out using Framer Motion.

Default

Monitor your supply chain

import { FlipWords } from '@canarist/ui'

<p>
  Monitor your{' '}
  <FlipWords words={['supply chain', 'currency risk', 'regulation']} />
</p>

Prop	Type	Default	Description
words	string[]	—	Array of words to cycle through.
duration	number	2800	Milliseconds each word is shown.
className	string	—	Additional CSS classes on the animated span.