---
title: "SessionText — Framer component · Best of Framer"
description: "$2.00 · Framer component · by Olamide Badusi · Text. Multi-stage messaging: Up to 4 sequential messages to guide users step by step."
canonical: "https://framer.elliotli.dev/component/sessiontext"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/SessionText

# SessionText

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

![SessionText preview image 1](https://framer.elliotli.dev/og/component/sessiontext/8777beec30668b79/1600x1200.jpg)

## Summary

Multi-stage messaging: Up to 4 sequential messages to guide users step by step.

## Description

-   **Multi-stage messaging:** Up to 4 sequential messages to guide users step by step.
    
-   **Behavior triggers:** Automatically updates text based on:
    
    -   **Time** – stage changes after set durations.
        
    -   **Scroll** – reacts as users move through content.
        
    -   **Interactions** – responds to clicks or keypresses.
        
-   **Idle detection (optional):** Shows a dedicated message if users go inactive.
    
-   **Pause on hover:** Stops time-based progression for better focus.
    
-   **Debug panel:** Track session time, scroll depth, interactions, and current stage.
    
-   **Fully customizable typography:** Font size, weight, color, alignment, and line height.
    

-   **It** keeps users engaged with timely, relevant messages, which is perfect for onboarding, tutorials, or stepwise instructions and encourages user actions naturally.
    

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

-   All · #9072

## Details

- **Author**: Olamide Badusi
- **Price**: $2.00
- **Published**: 2025-12-23
- **Updated**: 2025-12-23
- **Added**: 2025-12-14
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing