AsciiMotion

About AsciiMotion

Create ASCII animations easily! Randomize or Custom.

AsciiMotion creates animated ASCII art effects for Framer using WebGL. It features ready-made templates, infinite customization, real-time preview, and automatic code and component generation.

How To Use

  • Choose Effect: Select a template OR click "Randomize" for random effects

  • Customize Settings: Adjust speed, brightness, contrast, colors, and advanced parameters

  • Preview: See real-time changes in the preview window

  • Add to Project: Click "Add to Project" to automatically generate and insert code

Key Features

  • 🎨 Multiple Effect Templates:

  • Chaos: Matrix-style green effect

  • Rippling Dots: Cyberpunk blue/turquoise effect

  • Circles: Ocean blue/turquoise style

  • Hallucination: Neon pink/magenta effect

⚙️ Advanced Controls:

  • Animation speed and cell size settings

  • Brightness, contrast and color tone control

  • Noise strength and scale parameters

  • 3D depth animation (Z-Rate)

  • Vignette and gamma correction effects

🚀 Technical Features:

  • WebGL2-based high-performance rendering

  • Real-time preview

  • Automatic code generation and Framer integration

  • Dark/Light theme support

🎯 Ease of Use:

  • Quick start with ready-made templates

  • Random effect generation feature

  • One-click addition to Framer project

  • Detailed parameter control

  • Live preview with instant feedback