---
title: "Reading time — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Ali Çorak · Text. Reading Time estimates how long a text takes to read — from content you paste in or straight from the article already on the page…"
canonical: "https://framer.elliotli.dev/component/reading-time"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Reading time

# Reading time

Clean badge for your articles

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

![Reading time preview image 1](https://framer.elliotli.dev/og/component/reading-time/a95ecaa0aaedb814/1600x1202.jpg)

## Summary

Reading Time estimates how long a text takes to read — from content you paste in or straight from the article already on the page — and displays it in your own words and style.

## Description

**Unlock entire Depth library for $149. One price. Lifetime.**

[**Get Depth**](https://depth.website/#all-access)

**\--------------------------------------------------------**

A clean "5 min read" badge for your articles. Reading Time estimates how long a text takes to read — from content you paste in or straight from the article already on the page — and displays it in your own words and style.

Perfect for blogs, case studies, documentation, and newsletters.

**How to use**

Choose the Content Source: Manual to paste the text, or Selector to point at the article element already on your page (like "article" or any CSS selector). Set the Reading Speed in words per minute and how the minutes are rounded.

Then shape the output: show it as icon plus text or text only, optionally add the word count, and edit the labels — "{minutes} min read" and "{words} words" — plus the separator between them and the icon size.

**Features**

-   Automatic reading-time estimate
    
-   Reads pasted text or live page content via CSS selector
    
-   Adjustable reading speed in words per minute
    
-   Ceiling or nearest-minute rounding
    
-   Icon-and-text or text-only display
    
-   Optional word count
    
-   Fully editable labels with {minutes} and {words} tokens
    
-   Custom separator and icon size
    
-   Works in article headers, cards, and lists
    
-   Responsive across desktop, tablet, and mobile
    
-   No setup or coding required[](https://reading-time.framer.website/)
    

**Refund Policy:**

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: [hi@alicorak.com](mailto:hi@alicorak.com)

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

-   All · #9132

## Details

- **Author**: Ali Çorak
- **Price**: $3.00
- **Published**: 2026-07-25
- **Updated**: 2026-08-16
- **Added**: 2026-07-25
- **Categories**: Text

## More like this

-   [Gradient Wave Text](/component/gradient-wave-text) — Syauqizaidan Khairan Khalaf · $5 — Bands of color sweep through text
-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Count Up In View](/component/count-up-in-view) — H SHIFT WORKS · Free — Numbers that count up in view
-   [BentoExpandGrid](/component/bentoexpandgrid) — Dulaj Design · $15 — About BentoExpandGrid brings a sophisticated, interactive layout system to your Framer projects.