---
title: "Multi-Column Text — Framer component · Best of Framer"
description: "$12.00 · Framer component · by The Big Design Project · Text. Multi-Column Text brings newspaper and magazine-style typography to Framer."
canonical: "https://framer.elliotli.dev/component/multi-column-text"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Multi-Column Text

# Multi-Column Text

Newspaper & magazine text columns

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

![Multi-Column Text preview image 1](https://framer.elliotli.dev/og/component/multi-column-text/cce3b6c9c4a2b55a/1600x1200.jpg)

## Summary

Multi-Column Text brings newspaper and magazine-style typography to Framer.

## Description

## **Multi-Column Text**

Multi-Column Text brings newspaper and magazine-style typography to Framer.

Add a block of text, choose the number of columns, and the component automatically flows the content across them while keeping the column heights visually balanced.

### **Settings**

-   **Columns -** Choose between **1 and 8 columns** to automatically distribute text across.
    
-   **Gap -** Control the spacing between columns.
    
-   **Balance -** Choose how the text is distributed vertically across your columns.
    
    -   **Flush -**  keeps every column except the final column at the same number of lines. The last column contains whatever text remains, creating the familiar newspaper and editorial layouts.
        
    -   **Even -**  distributes the text as evenly as possible across every column.
        
-   **Equal Span -** Align left and right edges of each column.
    
-   **Hyphenation -** Allows longer words to break naturally across lines. The feature significantly reduces excessive spacing in justified columns.
    
-   **Language -** Choose the language used for hyphenation. Because different languages use different hyphenation rules. Some languages may not be supported.
    
-   **Drop Cap -** Add a traditional editorial Drop Cap to the opening letter of your text.
    
-   **Cap Lines -** Choose how tall the Drop Cap should be, from **2 to 5 lines**.
    
-   **Edge Align -** Turns the ragged edges of the outer columns away from the centre while the columns between them retain their regular treatment.
    
-   **Align -** When using a single column with Equal Span turned off, choose between left, centre, or right alignment from font control settings.
    
-   **Framer CMS -** Multi-Column Text can also connect directly to a **Plain Text field in Framer CMS**. Formatted or Rich Text fields are not supported yet, so inline headings, links, bold text, and other rich-text formatting cannot be used within the passage.
    

### **A few things worth knowing:**

The **component's height is automatically determined** by the amount of text and the way it flows across the selected columns, so its height is set to Fit rather than manually controlled.

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

-   All · #942

## Details

- **Author**: The Big Design Project
- **Price**: $12.00
- **Published**: 2026-08-22
- **Updated**: 2026-08-26
- **Added**: 2026-08-22
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos
