Wiggly Paint

Create animated brush drawings with customizable brush size, frame count, and color palette, exportable as GIF.

Brush Size

Number of Frames

Color Palette

Loop Animation

Result

Please check your inputs.

Open the tool and select your brush size from the slider. A larger brush creates thicker, more pronounced wiggles. Choose your frame count (e.g., 8–24 frames) to control the length of the animation loop. More frames = smoother motion. Pick a color palette by clicking on the swatches or entering hex values. You can use multiple colors for a gradient effect. Draw on the canvas using your mouse or stylus. The wiggly effect is automatically applied as you draw — each frame shifts the stroke slightly. Preview the animation, then click 'Export as GIF' to download your creation.

📖 How to Use This Tool

Open the tool and select your brush size from the slider. A larger brush creates thicker, more pronounced wiggles.

Choose your frame count (e.g., 8–24 frames) to control the length of the animation loop. More frames = smoother motion.

Pick a color palette by clicking on the swatches or entering hex values. You can use multiple colors for a gradient effect.

Draw on the canvas using your mouse or stylus. The wiggly effect is automatically applied as you draw — each frame shifts the stroke slightly.

Preview the animation, then click 'Export as GIF' to download your creation.

📝 What Is Wiggly Paint?

Wiggly Paint is a web-based design tool that turns static brush strokes into lively, animated drawings. It applies a subtle oscillating displacement to every point of your artwork across a sequence of frames, creating a charming 'wiggly' motion when played back as a GIF. This concept matters because it adds a layer of expression and playfulness to digital illustrations, making them feel more organic and alive — perfect for social media stickers, animated logos, or dynamic web graphics. By giving users control over brush size, frame count, and color palette, Wiggly Paint makes frame-by-frame animation accessible without requiring advanced software or keyframing skills.

🧮 Formula

For each point P in your brush stroke, the displaced position P' at frame f (0 to N-1) is: P'(f) = P + A * sin(2π * f / N + φ) * d. Where: A = amplitude (proportional to brush size and a global wiggle strength — typically 5–20 pixels), N = total frame count, φ = per-point random phase offset (ensures the wiggle varies along the stroke), and d = unit direction perpendicular to the stroke tangent (so the wiggle goes sideways). This sine wave drives a smooth back-and-forth motion, and different phases along the stroke create the illusion of a living, squiggly line.

💡 Tips for Best Results

✨🎨 Use a small brush size for fine details like hair or grass — the wiggle becomes a gentle flutter instead of a big sway.

✨🔄 Experiment with frame counts between 6 and 12 for bouncy, fast loops; 16–24 frames give a slow, hypnotic wave.

✨🌈 Apply a gradient palette (e.g., warm to cool) to make the wiggly motion seem to shift colors as it moves.

✨📦 Keep your GIF short (< 3 seconds) and simple shapes for the best visual impact — too many strokes can look chaotic.

❓ Frequently Asked Questions

Can I use Wiggly Paint without drawing anything?

Yes — if you just click 'Export' without drawing, you'll get an empty GIF. But you can also draw simple shapes or text (if supported) to see the wiggle effect immediately.

What file format does the export use, and can I control quality?

The tool exports an animated GIF with a transparent or solid background. You cannot adjust compression settings directly, but reducing frame count or brush complexity will lower the file size.

Is there a limit on canvas size or frame count?

Canvas size is currently fixed (e.g., 500x500 pixels), and frame count is capped at 48 to keep the GIF manageable. For larger projects, consider exporting as a PNG sequence instead.