Text Parallax

This Demo Requires Full window for better accuracy and performance. Click the button below to open a Good Preview.

Installation

@/components/reframe-ui/text-parallax.tsx

PRO COMPONENT

This component is exclusive to reframe/ui PRO.
Get instant access to all premium components and templates.

Name	Type	Default	Required	Description
text	string	-	Yes	Text to repeat in the parallax rows.
className	string	-	No	Wrapper class for the component.
rowClassName	string	-	No	Class for each moving row.
phraseClassName	string	-	No	Class applied to phrase wrapper (text + block).
blockClassName	string	-	No	Class for the decorative block (image replacement).
directions	('left' \| 'right')[]	-	No	Directions for each row movement.
leftOffsets	string[]	-	No	Left CSS offsets for each row.