# Updated: Variable Proximity

By Steven Van · 2026-10-13

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](<https://creatorstoolbox.com/resources/react-bits>) gets [an update](<https://reactbits.dev/text-animations/variable-proximity>) 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](<https://reactbits.dev/favicon.ico>)

React Bits

An open-source collection of 200+ animated, interactive React components and micro-interactions.

[View React Bits →](<https://creatorstoolbox.com/resources/react-bits>)

Sources

[Original source](<https://reactbits.dev/text-animations/variable-proximity>)

[Read Updated: Variable Proximity on Creators Toolbox](<https://creatorstoolbox.com/blog/react-bits-updated-variable-proximity>)

---
Canonical source: https://creatorstoolbox.com/blog/react-bits-updated-variable-proximity