Docs / Components / Parallax Text

Parallax Text

A parallax text effect component with multiple vibrant layers that react to cursor movement.

Rankflow UI

Dependencies

Install the following dependencies to use this component:

1npm install motion

Run the following command in your terminal to add the component to your project:

1npx rankflow-ui@latest add parallax-text

Prop	Type	Default	Description
text	string	'Rankflow UI'	The text to display.
layers	number	5	Number of text layers to generate.
className	string	''	Additional CSS classes.