Desktop

Tablet

Mobile

Docs

Text Size

Sign in

Get Started

Usage

Examples

Customization

Accessibility Notes

FAQ

Get started with Text Size Controls

Text Size Controls lets visitors increase, decrease, or reset text size for better readability without breaking layouts.

Steps to use in your Project

  • Add Text Size Controls to your page

  • Create your own control UI (buttons or dropdown)

  • Name three actions: Decrease, Reset, Increase

  • Wrap your page content with the component

Tip: Text size preferences can be remembered across visits if enabled.

Tablet

Mobile

Docs

Text Size

Sign in

Get Started

Usage

Examples

Customization

Accessibility Notes

FAQ

Get started with Text Size Controls

Text Size Controls lets visitors increase, decrease, or reset text size for better readability without breaking layouts.

Steps to use in your Project

  • Add Text Size Controls to your page

  • Create your own control UI (buttons or dropdown)

  • Name three actions: Decrease, Reset, Increase

  • Wrap your page content with the component

Tip: Text size preferences can be remembered across visits if enabled.

Mobile

Docs

Text Size

Get started with Text Size Controls

Text Size Controls lets visitors increase, decrease, or reset text size for better readability without breaking layouts.

Steps to use in your Project

  • Add Text Size Controls to your page

  • Create your own control UI (buttons or dropdown)

  • Name three actions: Decrease, Reset, Increase

  • Wrap your page content with the component

Tip: Text size preferences can be remembered across visits if enabled.

Create a free website with Framer, the website builder loved by startups, designers and agencies.