Text Size Controls lets visitors increase, decrease, or reset text size for better readability without breaking layouts.
Make it with Workshop
Build your own component with AI
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