Framer
Truncate Text
Expand and collapse long text in Framer with a smooth animated toggle.
Free
What's included
- Collapsed and expanded states
- Configurable line clamp
- "Read more / Show less" toggle
- Smooth height animation
- Framer component file
About
Truncate Text
A Framer component that truncates any block of text to a set number of lines and adds a "Read more / Show less" toggle — animated, accessible, and entirely prop-driven.
Long text blocks are one of the easiest ways to overwhelm a page. This component lets you control exactly how much text a visitor sees at first glance — and gives them a clean way to expand it when they want more.
It's the kind of small detail that makes a layout feel considered. Built for Framer, configured entirely from props.
