---
title: "Variable Type — Free Framer component · Best of Framer"
description: "Free Framer component · by Lucas · Effects. Letters thicken under your cursor"
canonical: "https://framer.elliotli.dev/component/variable-type"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Variable Type

# Variable Type

Letters thicken under your cursor

[View on Framer](https://framer.com/marketplace/components/variable-type/?via=elliot-li)

![Variable Type preview image 1](https://framer.elliotli.dev/og/component/variable-type/b4d9cd1901b76cee/1600x933.jpg)

## Summary

Letters thicken under your cursor

## Description

Move the cursor across the title and each letter interpolates its weight and width by distance to the cursor, then eases back to rest.

Pick a variable font — Roboto Flex, Inter and Open Sans Variable all expose the weight and width axes — and the ripple is real: the component reads the rendered width of a sample letter to confirm the axes actually respond before it commits to the effect. With a static font, or on a system where the browser won't apply variable axes to an installed font, it falls back to a scale ripple instead of doing nothing.

Follows the cursor with frame-rate-independent smoothing, so it feels the same at 60 and 144 Hz.

DOM and requestAnimationFrame, no dependencies, nothing loaded from outside. Honours prefers-reduced-motion, and freezes on a still, representative wave inside the Framer canvas. Free.

## Rank history [How rankings work →](/terms#rankings)

-   All · #4400

## Details

- **Author**: Lucas
- **Published**: 2026-08-05
- **Updated**: 2026-08-05
- **Added**: 2026-08-05
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo