ASCIIMotionText

ASCIIMotionText
ASCIIMotionText

About ASCIIMotionText

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 resizeCustomizable 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.

From Ashilck

FocusReveal
Starflow Button
Flippers
FlyButton

Related Components

Kinetic Text Slider
Letter Reveal
FuseReveal
CMS Tags