---
title: "Text Size Controls — Framer component · Best of Framer"
description: "$5.00 · Framer component · by figma2framer · Text. Text Size Controls is a Framer code component that gives visitors control over text size while preserving your layout, spacing…"
canonical: "https://framer.elliotli.dev/component/textsizecontrols"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Text Size Controls

# Text Size Controls

Let visitors control text size safely.

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

![Text Size Controls preview image 1](https://framer.elliotli.dev/og/component/textsizecontrols/35a016f5df5d4c2b/1600x1200.jpg)

## Summary

Text Size Controls is a Framer code component that gives visitors control over text size while preserving your layout, spacing, and design integrity.

## Description

Text Size Controls is a Framer code component that gives visitors control over text size while preserving your layout, spacing, and design integrity.

### What it does:

-   Increase, decrease, or reset text size
    
-   Works across headings and body text
    
-   Respects layout constraints (no reflow breaks)
    
-   Designed with accessibility in mind
    
-   Easy drag-and-drop setup in Framer
    

### How to use:

-   Drag the Text Size Controls component onto your Framer canvas.
    
-   Place it anywhere on the page (Header, Footer, or Blog Content).
    
-   Add your own Framer UI components, Buttons, Icons, Text, or even emojis and use them as the controls to increase, decrease, or reset text size. Set default size values as needed.
    
-   Preview and publish, visitors can now adjust text size instantly.
    

For advanced setup, customization options, and examples, see the full guide: [Text Size Controls detailed guide on Figma2Framer.com](https://figma2framer.com/code-components/text-size-controls/?utm_campaign=framer.com)

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

-   All · #10869

## Details

- **Author**: figma2framer
- **Price**: $5.00
- **Published**: 2026-01-16
- **Updated**: 2026-02-03
- **Added**: 2026-01-03
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos