LIVE NOW

Visual Configurator is now active — Customize 50+ professional animations Visual Configurator is live!

Get Started
Variable Proximity Text Effect Configurator

How to Use in Bricks Builder

  1. Customize your variable font effect using the controls below
  2. Click the Get Code button and copy the JavaScript
  3. In Bricks Builder, add a Code element and paste the JavaScript
  4. Add the attribute
    data-variable-proximity📋
    to any text element
The element text styling (size, color, alignment) will be handled by Bricks Builder. You need a variable font installed for this effect to work.
HOVER ME
BricksFusion Exclusive Get Your Variable Font Effect

Add an interactive variable font effect to your website that responds to mouse proximity.

  • Easy implementation with simple data attributes
  • Smooth font variations based on mouse movement
  • Fully responsive with touch support for mobile
  • Customizable proximity radius and falloff effect
General Settings
Sample Text
Proximity Radius 100px
Falloff Type
Font Variation Settings
Default

Default State

Hover

Hover State

Weight (wght)
From 400
To 700
Width (wdth)
From 100
To 100
Optical Size (opsz)
From 14
To 72
Grade (GRAD)
From 0
To 150

JavaScript Code