Text Size Controls is a Framer code component that gives visitors control over text size while preserving your layout, spacing, and design integrity.
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
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