Truncate Text
Truncate paragraphs & headlines to the size you need for your project. Adjusts automatically to the width of component. Ellipsis (…) style truncation. Supports variables.
Make it with Workshop
Build your own component with AI
Truncate paragraphs & headlines to the size you need for your project. Adjusts automatically to the width of component. Ellipsis (…) style truncation. Supports variables.
Make it with Workshop
Build your own component with AI
NOTE: Since this component was first published, Framer has released Truncate for text layers. This component will continue to work, but it's now easier than ever to add truncation to your text layers natively in Framer without an additional component like this one.See the update here:
Truncate paragraphs & headlines to the size you need for your project. Adjusts automatically to the width of component and number of lines set (component must be set to Height: Fit to work with lines constraint).
Ellipsis (…) style truncation. Supports variables.
Set component
Width to Fill or Fixed
Height: Fit
Enter your Text.
Select the number of lines you want to display using the stepper or slider.
Style your font.
Ideal use-case for CMS where titles and descriptions can vary in length.
