MagicPattern Changelog
Learn the newest updates and features about MagicPattern. Here, we document our versioning history and share useful tips about our new additions.


I'm Jim, the founder of MagicPattern and I have exciting news!

MagicPattern transforms from a pattern editor to a visuals toolbox. 🤯

But what does this even mean? Thanks for asking!

From now on, you'll have access to 7 tools (4 pro and 3 free) instead of one. Cool, right?! Let me introduce you to the new tools:

Geometric Patterns

It's the classic editor for abstract geometric patterns. Choose your favorite shapes from our gallery and/or upload your own ones to form engaging patterns.

Seamless Patterns

The Seamless Patterns Editor lets you create patterns by repeating a single shape or image. Have full control over the customization options, from colors and shapes to spacing between tiles and their orientation attributes.

We have 250 pre-made shapes and you can always upload your own images to form a pattern.

Export the patterns as images with custom dimensions or CSS code.

Mesh Gradients

Create mesh gradients with warped colors. It's the typical radial or linear gradient. The colors follow random paths to create unique shapes.

Apply multiple filters to adjust colors, brightness, contrast, and the grain effect.

Blurry Gradients

The trend about blurred gradient as a background is here. With the Blurry Gradient tool, you can easily generate these gradients in a few seconds!

Adjust the color tone and its blur intensity. Then export the JPG or PNG image and import it directly to your design or code.

Blob Generator

It's a simple yet powerful blob generator. Customize and create unlimited variations of custom organic blob shapes.

Doodled Backgrounds

Sometimes you need a doodled background to make your work pop. This tool allows you to create easily an abstract background for your ads, posters or landing page sections.

CSS Patterns

It's a tool for developers. We've curated many pure CSS patterns to help you integrate them into your projects. Fine-tune a few parameters, and import them directly to your CSS code.

That's all for now.

Wait for more fun and helpful apps in the near future. My vision, as the founder of MagicPattern, is to help you generate stunning visuals in no time with no design skills.

A small side-note, the pro plan price will raise during February. Now it's a great time to upgrade your account and benefit from the lower price forever.

Cheers 🥂
Jim from MagicPattern

Read More

Your reaction
Love it!
Featured image for 🥁Export your patterns as a GIF

Hey people!

Geometric patterns slowly became the main trend for social media posts and landing page design. Most people and agencies apply them in the static image format and very few in videos.

MagicPattern has to offer a new way to consume geometric patterns!

Based on your feedback

Since our launch, many people reached out and told me that it could be useful to animate the MagicPattern results. Basically, you proposed me to form abstract animated backgrounds generated based on an active pattern.

This idea made me very curious and I explored this possibility!

After a while, I can proudly announce a new export format. The GIF format!!! 🎉

How to create a GIF

All you need is to create a new pattern. Open the editor and unleash your creativity!

Once you're ready:

  1. Click the "Export" button on the top navigation bar.

  2. Open the GIF maker by clicking the Create your GIF button.

  3. Select which attribute to randomize and optionally add a text overlay above your GIF.

  4. When you're ready click the Render Your GIF button

Your first GIF will be created in a few seconds. Download it and use it as background on your social media posts!

That's all

As always, have fun and feel welcomed to reach out for suggestions or feedback

Cheers 🍺


Read More

Your reaction
Love it!