flow text

Smooth flowing text animation

Welcome to our amazing platform! Experience the future of web development.

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-flow-text --variant ts-tailwind

Configuration options and properties for this component.

Prop	Type	Default	Description
`text`	`string`	`""`	The text content to be displayed and animated
`speed`	`number`	`2`	Animation speed in pixels per frame
`direction`	`"left" \| "right"`	`"left"`	Direction of text animation flow
`className`	`string`	`undefined`	Additional CSS classes to apply to the container
`interactive`	`boolean`	`true`	Enable/disable drag interaction to control animation
`separator`	`string`	`" • "`	Text separator between repeated instances