AsciiMotion — AsciiMotion - Animated ASCII

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