---
title: "ASCII Pattern Motion — Free Framer plugin · Best of Framer"
description: "Free Framer plugin · by Gracjan Królikowski · Media. ASCII Pattern Motion turns your canvas into living ASCII art."
canonical: "https://framer.elliotli.dev/plugin/ascii-pattern-motion"
---

[Home](/)/[Plugins](/plugins)/[Media](/plugins/category/media)/ASCII Pattern Motion

# ASCII Pattern Motion

Animated ASCII art for any canvas

[View on Framer](https://framer.com/marketplace/plugins/ascii-pattern-motion/?via=elliot-li)

![ASCII Pattern Motion preview image 1](https://framer.elliotli.dev/og/plugin/ascii-pattern-motion/ab5b0c632e221fcf/1600x1200.jpg)

## Summary

ASCII Pattern Motion turns your canvas into living ASCII art.

## Description

**ASCII Pattern Motion turns your canvas into living ASCII art.**

Design a fully animated, fully customisable ASCII effect in a live preview, then add it to your project as a real Framer component with one click. Every parameter stays editable on the canvas afterwards.

**WHAT YOU GET**

• Live preview - see every change instantly while you design, with a global Intensity slider on top.

• Templates - one-click presets to start from, shown as visual tiles.

• Full control - speed, cell size, brightness, contrast, hue and saturation, plus advanced noise, distortion, frequency, sharpness, gamma and vignette controls.

• Your own photos - upload an image or drop it on the preview and the ASCII pattern is generated from it. The image travels with the component onto the canvas.

• Randomize - one button for a completely new look when you need inspiration.

**HOW IT WORKS**

1\. Open the plugin and pick a template, or start tweaking the sliders.

2\. Optionally upload a photo to build the effect from.

3\. Press "Add to Project". The component lands on your canvas at 200×200 and can be resized freely. Every setting is exposed as a property control on the inserted component, so you can keep editing it directly on the canvas - no need to reopen the plugin.

**GOOD TO KNOW**

• The inserted component is fully self-contained. It keeps working even if you later remove the plugin.

• Rendered with WebGL, so animation stays smooth and stays on the GPU.

• Transparent background support - the effect composites cleanly over anything you place behind it.

• Free, with no limits on how many times you insert it.

## Rank history [How rankings work →](/terms#rankings)

-   All · #560

## Details

- **Author**: Gracjan Królikowski
- **Published**: 2026-08-08
- **Updated**: 2026-08-09
- **Added**: 2026-08-08
- **Categories**: Media

## More like this

-   [Model Prep](/plugin/model-prep) — Litchi Solutions · Free — Compress 3D models, add finishes
-   [Animated Diagram Builder](/plugin/animated-diagram-builder) — Luke Sn · Free — Build animated workflows visually.
-   [Bandwidth Saver - Cloudflare R2](/plugin/bandwidth-saver-cloudflare-r2) — Luke Sn · Free — Host videos in your own Cloudflare
-   [SVG Flower Generator](/plugin/svg-flower-generator) — Eugenio Ciccale · Free — Geometric SVG Flower Generator