Beta

Text Vertical

Text with vertical display, Can be used as a title or a subtitle.

Open in 21st dev

our summer collection

Installation

Usage

<TextVertical className="uppercase text-2xl tracking-wider font-bold" as="h2">
  Vertical Text
</TextVertical>

Props

PropTypeDefault
as?
ReactNode
div

Text Stagger Inview

Splitted text animation with staggered reveal animation triggered by view, You can easily customize by controlling the animation property (transform, opacity, blur) and the stagger value, and the transition.

Animation Variants

A hook to create animation variants with Motion, animates the transforms(top, bottom, left, right, z), opacity, and blur.