flipping text

Text that flips between different words

Instagram

Facebook

Installation

Choose your preferred installation method. CLI is recommended for the fastest setup.

One command, zero configuration

$ npx @hritik-sharmaa/repeat-ui add text-effect-flipping-text --variant ts-tailwind

Configuration options and properties for this component.

Prop	Type	Default	Description
`text`	`string`	`HELLO WORLD`	The text content that will have the rolling/flipping animation on hover
`socialPlatforms`	`SocialPlatform[]`	`["linkedin", "instagram", "facebook"]`	Array of social platforms to display. Options: 'linkedin', 'instagram', 'facebook'
`layout`	`"text-left" \| "text-right"`	`"text-left"`	Layout direction - text-left places text on left and icons on right, text-right does the opposite