Preferences

Text Pressure

Hello!

Text

Tag (as)

Property	Type	Default	Description
`text`	string	`"Text pressure"`	Display text, split into individual hoverable letters.
`as`	string	`"h1"`	HTML tag (or component) rendered as the root text element.
`width`	boolean	`true`	Whether hovered (and neighboring) letters expand horizontally via padding.
`weight`	boolean	`true`	Whether font-weight increases on hover, cascading to neighboring letters.
`italic`	boolean	`true`	Whether the hovered letter tilts italic.
`alpha`	boolean	`false`	Whether non-hovered letters dim to a lower opacity.
`flex`	boolean	`true`	Layout mode: flex-wrap (multi-line) when true, single-line inline-flex when false.
`scale`	boolean	`false`	Whether the hovered letter scales up slightly.
`textColor`	string	`"#FFFFFF"`	Base color applied to the text.
`className`	string	`""`	Extra classes applied to the root Tag element.
`style`	object	`{}`	Extra inline styles merged onto the root Tag element.

textstring

Display text, split into individual hoverable letters.

Default"Text pressure"

asstring

HTML tag (or component) rendered as the root text element.

Default"h1"

widthboolean

Whether hovered (and neighboring) letters expand horizontally via padding.

Defaulttrue

weightboolean

Whether font-weight increases on hover, cascading to neighboring letters.

Defaulttrue

italicboolean

Whether the hovered letter tilts italic.

Defaulttrue

alphaboolean

Whether non-hovered letters dim to a lower opacity.

Defaultfalse

flexboolean

Layout mode: flex-wrap (multi-line) when true, single-line inline-flex when false.

Defaulttrue

scaleboolean

Whether the hovered letter scales up slightly.

Defaultfalse

textColorstring

Base color applied to the text.

Default"#FFFFFF"

classNamestring

Extra classes applied to the root Tag element.

Default""

styleobject

Extra inline styles merged onto the root Tag element.

Default{}

Crafted withbyMohammad Tasin