Beta

Text Vertical

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

Open in 21st devOpen 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 updated

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.

Stagger Direction

Set stagger direction, Allow to animate in orchestrated order depending on the order, can animate from the start item, middle item, last item.