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.