Text Parallax

PRO

Preview live, install via shadcn or copy the source.

Installation

Install via shadcn

This will install the component and its dependencies automatically.

PRO COMPONENT

Unlock with PRO

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

Usage

text-parallax-usage.tsxTSX

Props

NameTypeDefaultRequiredDescription
textstringYesText to repeat in the parallax rows.
classNamestringNoWrapper class for the component.
rowClassNamestringNoClass for each moving row.
phraseClassNamestringNoClass applied to phrase wrapper (text + block).
blockClassNamestringNoClass for the decorative block (image replacement).
directions('left' | 'right')[]NoDirections for each row movement.
leftOffsetsstring[]NoLeft CSS offsets for each row.
© reframe/ui 2026Built by @thommysart
More in Scroll Effects