Skip to content

component

ASCIIMotionText

By Ashilck

Details

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.

Introduction

Turn your text into living ASCII art.

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600177658/148/228/309/79/15
  • All · #7286