Updated: Variable Proximity
By Steven Van ·
Variable Proximity text can now change color, grow and rise near the cursor, and adds a font size setting that stops lines rewrapping.
Variable Proximity in React Bits gets an update that adds new ways for text to respond to the cursor.
Cursor and idle effects
- Letters can shift toward an accent color as the cursor gets close.
- Letters can grow and rise as the cursor approaches.
- While idle, a gentle wave of weight runs through the text.
Layout changes
The component adds a font size setting. Lines also no longer rewrap while letters change weight.
React Bits
An open-source collection of 200+ animated, interactive React components and micro-interactions.
View React Bits →