component
Hover Typography
By Saadat Ali
Details
- Saadat AliAuthor
- componentType
- 2026-05-30Published
- 2026-06-18Updated
- 2026-05-23Added
- TextCategories
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
Introduction
Interactive magnetic text effects
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #2458