---
title: "Truncate Text — Free Framer component · Best of Framer"
description: "Free Framer component · by Carolyn · Typography. NOTE: Since this component was first published, Framer has released Truncate for text layers."
canonical: "https://framer.elliotli.dev/component/truncate-text"
---

[Home](/)/[Components](/components)/[Typography](/components/category/typography)/Truncate Text

# Truncate Text

[View on Framer](https://framer.com/marketplace/components/truncate-text/?via=elliot-li)

![Truncate Text preview image 1](https://framer.elliotli.dev/og/component/truncate-text/56099aad2e5e91bb/1600x1200.jpg)

## Summary

NOTE: Since this component was first published, Framer has released Truncate for text layers.

## Description

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: About this component: 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. HOW TO USE: 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. TruncateText component controls in Framer UI.

## Rank history [How rankings work →](/terms#rankings)

-   All · #3780

## Details

- **Author**: Carolyn
- **Published**: 2025-08-08
- **Updated**: 2025-11-21
- **Added**: 2025-08-03
- **Categories**: Typography

## More like this

-   [glowing shimmer text](/component/glowing-shimmer-text) — Goutam Sarkar · Free — a typography template
-   [Skew Reveal Text](/component/skew-reveal-text) — Benjamin Michael Bremer · $1 — a typography template
-   [Marquee Scroll Text](/component/infinite-scroll-text) — Kai Studio · $10 — Tilted, seamless kinetic marquee text UI
-   [Clip Type Stagger](/component/clip-type-stagger) — Matheus Brandão · Free — Overview Clip Type Stagger is a premium typography architect designed to create the iconic "mask-reveal" effect used by top-tier digital…