---
title: "ASCIIMotionText — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Ashilck · Text. Turn your text into living ASCII art."
canonical: "https://framer.elliotli.dev/component/asciimotiontext"
---

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

# ASCIIMotionText

Turn your text into living ASCII art.

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

![ASCIIMotionText preview image 1](https://framer.elliotli.dev/og/component/asciimotiontext/0c6eecba97935fd3/1600x1200.jpg)

## Summary

Turn your text into living ASCII art.

## Description

Built with Three.js and optimized for Framer, this component is fully resizable, customizable, and production-ready.**Key Features**

-   Real-time ASCII rendering of any text
    
-   Smooth 3D wave distortion animation
    
-   Mouse-responsive tilt and color shifting
    
-   Customizable text, font sizes, and colors
    
-   GPU-accelerated (Three.js powered)
    
-   Clean fallback rendering for performance
    
-   Supports Google Fonts (IBM Plex Mono)
    
-   Gradient ASCII text styling
    
-   Auto-updates on resize**Customizable Props**
    
-   **Text** – Change the displayed word or phrase
    
-   **ASCII Font Size** – Controls character density
    
-   **Text Font Size** – Controls visual scale
    
-   **Text Color** – Base text color
    
-   **Plane Height** – Adjusts 3D depth
    
-   **Enable Waves** – Toggle animation on/off
    

## Best Use Cases

-   Hero headers
    
-   SaaS landing pages
    
-   Portfolio intros
    
-   Experimental UI sections
    
-   Creative branding
    
-   AI / tech startup sites
    
-   Design showcases
    
-   404 pages
    
    Refund Policy :
    
    Due to the digital nature of this product, refunds are not offered once the component has been downloaded.
    

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

-   All · #10082

## Details

- **Author**: Ashilck
- **Price**: $3.00
- **Published**: 2026-02-04
- **Updated**: 2026-02-04
- **Added**: 2026-01-23
- **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