AsciiMotion
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.
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
Changelog
Adjusted the plugin to follow Framer’s built-in light and dark themes and removed the internal theme toggle.
Shortened the plugin name to “AsciiMotion” (removed the descriptive part from the title).
Replaced alert() with framer.notify() to properly display notifications inside Framer.
The ability to directly add dynamically generated code as components to the canvas has been implemented.
The sizing system has been adapted to Framer.
Backend updates.
Fixed Fit-Fit and Fixed-Fixed Bug.
Details
Floyka Design Studio
