React Bits

Variable Proximity

Letter styling changes continuously with pointer distance mapping.

Variable Proximity, a React Bits component

Use Variable Proximity in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/VariableProximity-TS-TW
How to install React Bits components

Related components

  • ASCII Text

    Waving ASCII text that tilts toward the pointer, scrambles on hover and ripples on click.

  • Depth Text

    Layered extruded type with parallax that shifts against the pointer.

  • Text Pressure

    Characters scale / warp interactively based on pointer pressure zone.