---
title: "Text Weight Animator — Framer component · Best of Framer"
description: "$10.00 · Framer component · by yahya · Text. Weight Text Animator Component"
canonical: "https://framer.elliotli.dev/component/text-weight-animator"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Text Weight Animator

# Text Weight Animator

Weight Text Animator Component

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

![Text Weight Animator preview image 1](https://framer.elliotli.dev/og/component/text-weight-animator/37c25ff85798a8ea/1600x1200.jpg)

## Summary

Weight Text Animator Component

## Description

**This Text component animates the font weight of text based on scroll position.**

It can be configured to animate when the component itself is scrolled into view or when a specific section on the page is scrolled.

It also supports loading Google Variable Fonts.

For a smooth animation experience in framer, make sure to turn on variable font option in framer if a font has it as this creates the best and smooth experinece in the scroll animation.

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

-   All · #3697

## Details

- **Author**: yahya
- **Price**: $10.00
- **Published**: 2026-07-22
- **Updated**: 2026-07-22
- **Added**: 2026-07-22
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing