Rolling Text

A text component that reveals content through an engaging rolling animation.

Made by imskyleen

Installation

Usage

<RollingText text="Hello world!" />

Props

Prop	Type	Default
`text`	`string`	-
`inViewOnce?`	`boolean`	`true`
`inViewMargin?`	`string`	`0px`
`inView?`	`boolean`	`false`
`transition?`	`Transition`	`{ duration: 0.5, delay: 0.1, ease: 'easeOut' }`
`className?`	`string`	-
`children`	`React.ReactNode`	-

Credits

Credits to motion primitives for the inspiration

Built by Skyleen. The source code is available on GitHub.