Skip to content

Hover Typography

Interactive magnetic text effects

Hover Typography preview image 1

Summary

Interactive magnetic text effects

Description

Add More Premium Components To Your Projects:

Features

  • Real-time magnetic typography interactions with fluid motion physics

  • Dynamic variable font weight and width transitions

  • Smooth hover-based scaling, skewing, and wave distortion

  • Velocity-reactive typography movement with kinetic feedback

  • Character-level animation rendering for premium responsiveness

  • Built-in entry animations with staggered motion flow

  • Mouse and gyroscope interaction support for desktop and mobile

  • Optimized requestAnimationFrame rendering with sleep culling

Customization Options

  • Customize hover radius and interaction sensitivity

  • Control typography weight and width expansion ranges

  • Adjust magnetic scaling and vertical wave motion

  • Fine-tune kinetic skew intensity and fluidity speed

  • Customize text, hover colors, and typography styling

  • Set left, center, or right text alignment

  • Enable or disable animated entry transitions

  • Fully editable multiline typography content

Rank history How rankings work →

110012001300134728/149/59/2710/1911/10
  • All · #3116

Details

More like this