AsciiMotion

AsciiMotion creates animated ASCII art effects for Framer using WebGL.

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