Skip to content

Hoverable Text

Interactive hover & wave text animation

Hoverable Text preview image 1

Summary

Interactive hover & wave text animation

Description

Features

  • Per-character hover effect with color, scale, and rotation

  • Rolling wave animation with adjustable speed, width, and pause

  • 3 customizable hover colors cycling across characters

  • Optional font change on hover

  • Full typography control — family, size, weight, style, line height, letter spacing, alignment

  • Uppercase toggle

Property Controls

  • Text — content with multiline support

  • Font — full typography panel with alignment

  • Uppercase — toggle text transform

  • Text Color — base resting color

  • Hover Colors — three colors that cycle across characters on hover and wave

  • Font Family Change

  • Wave Animation — toggle the rolling wave on/off

  • Animation — speed, wave width, pause between cycles

Use Cases

Hero headlines · Landing page titles · Portfolio names · Call to action text · Section headers · Interactive typography

Rank history How rankings work →

120014001600163898/149/59/2710/1911/10
  • All · #6389

Details

More like this