Flip Words

A component that flips through a list of words.

Install using CLI

npm
pnpm
bun
yarn
npx shadcn-vue@latest add "https://inspira-ui.com/r/flip-words.json"

Install Manually

Copy and paste the following code

FlipWords.vue

API

Prop NameTypeDescription
wordsArrayAn array of words to be displayed and animated.
durationnumberDuration (in milliseconds) for each word to be displayed before flipping to the next word.
classstringAdditional CSS classes to apply to the component.

Credits