Introducing the Grid Background Pattern maker. Create subtle background patterns for UI designs & social media posts.
✦ Export in SVG format
✦ Customize everything, literally!
✦ "Open In Codepen" button for developers
Check the Grid Background Pattern generator here.
Introducing the Confetti generator, the easiest way to create random confetti backgrounds for websites & social media posts!
✦ Export in SVG format
✦ Customize colors
✦ Adjust the confetti amount in the graphic
Check the Confetti generator here.
The Mesh gradient tool got a complete revamp!
✦ Export in SVG format
✦ Better way (and more robust) to create mesh gradients
✦ Customize blur between colors
Check the SVG Mesh gradient generator here.
The most requested tool is ready! Create social media posts within MagicPattern by leveraging our unique graphics.
The social media editor comes with many useful features. Learn more about the tool here.
More and more juicy features will come in time!
The geometric patterns API is a way to enhance your app's experience by creating and customizing your backgrounds. Almost all the customization parameters of the web app are available on the API too!
Check the public API docs
Instant way to pop up your pattern by picking a random palette from our rich preset collection.
Customize the seamless pattern editor grid and choose between 4 different tiling options.
Also, you're able to crop your uploaded images with a few clicks now.
Save and re-use your favorite mesh gradients. It's the best way to save your unique creations for later and never lose them again!
Now, you can import your own SVG and create seamless patterns with the Seamless Pattern tool.
All the SVG layers will inherit the active foreground color. If you want to keep the original SVG colors, make sure you're on the "image import mode".
Create unique blob backgrounds in a few clicks.
This new generator comes with many useful features:
- Customize Layers: Each individual shape is customizable
- Brand Colors: Re-use all your brand color palettes in a click.
- Save Graphics: One-click save and re-use.
- Magic-Resize: Resize your graphics for all your favorite social media sizes
- Magic-Create: Click the Magic-Refresh button to generate a random background with 1 click
New option to save Blurry Gradients & Blob Compositions. Until now, you were able to save only your Geometric Pattern.Check all your save graphics here.
Fill your blobs with seamless patterns.
Choose your favorite pattern, adjust its size and color, and fill the current blob shapes. Also, you can offset the pattern behind the blob to create an abstract effect.
A new collection of hand-crafted gradients compatible with the MagiPattern Gradient tool. Check all the curated gradients.
Choose between the most popular social media sizes from Facebook,Instagram and Twitter.
It allows you to set the canvas to the official dimensions for you favorite Twitter, Facebook or Twitter, post or cover.
Two new customization options for the Blurry Gradients Tool:
- Position: Place the gradient around the four corners or the center of your canvas.
- Opacity: Add transparency to the blurry gradient to make it less vibrant
The Mesh Gradient tool allows custom color palettes. It's a great way to incorporate your clients' branding into your design.
Also, feel free to drag n drop the palette's colors to re-order their position
MagicPatterns introduces a brand new gradient tool. Easily create linear, radial and conic gradient in a quick, fun and easy way
Some of the gradient generator unique features are:
- Share your gradients with one click with teamates & clients
- Save your favorite gradients to your personal gallery
- Easily create smooth gradient without color banding with one click
Choose between solid color, outline, gradient and image fills now:
- Solid Color: Fill the blob with a solid color
- Outline: Add an outline to the blob without any fill color inside
- Gradients: Create a linear or radial gradient
- Images: Upload your images to fill blobs. Use square images to fit the blob perfectly.
Now, you can define custom width for geometric pattern exports. It comes in handy when you need to have a fixed-size background and don't lose on quality.
In the geometric patterns app, the export modal is replaced by a popover element to fit the rest of MagicPattern's branding.
Also, the new menu is more handy because you can leave it open while you tweak your parameters.
When you clicked to export a geometric pattern with transparent background the app was crashing. Now, this bug is fixed!
The Add Grain app makes adding grain effects to your artwork effortless.
You can easily customize:
- Grain: Increase/Decrease the amount of noise you'll add
- Intensity: Adjust the contrast between the noise and the image.
- Blending Mode: Choose between ways to blend noise with your image. A simple rule of thumb is to use "Soft Light" or "Overlay" for light images. Darker images are adjusted to all of the blending modes.
GIF maker got a fresher look to fit the rest of MagicPattern branding! Also, some bugs with randomizing attributes were fixed.
Added timestamp at MagicPattern exports to prevent dublicate files.
Randomize specific attributes for the Geometric Patterns. You can add a random rotation degree or spacing for each tile to make your patterns look more abstract and unique.
From now on, MagicPattern will be a toolbox for visuals. In plain words, it means that you'll have access to 7+ tools instead of only 1.
Below you can find a brief introduction for each tool below:
Fix SVG Error
Fix SVG error "Clipping will be lost on roundtrip to tiny" for Adobe Illustrator. Now SVG patterns can be safely imported to the Adobe Suite.
More colors per Color Preset
Now you can import up to 10 colors for each palette. Send me a message with your use case in case you need more freedom over your color palettes
The color picker became quicker & better!
We introduce tints & shades for every active color to help you create matching color palettes.
Adjust your GIF quality
You can choose between 4 quality options for your GIF. Always keep in mind that the higher the quality the larger the size!
Added 150+ new geometric shapes and 10 new packs. Mix-and-match these shapes to create over 1 trillion custom packs for your products and your clients.
Now, you're ready to add unique and beautiful backgrounds everywhere!
Make your designs even more unique with the Dynamic Grid.
Toggle the grid type from symmetrical to dynamic, and vary the size for each tile/shape. In that way, your patterns feel more abstract and creative!
Fix the Safari preview inconsistencies with rotation and spacing attributes. Now there is 1:1 match between the preview and the final exported pattern.
You can now save your branding colors in the editor. Insert your color palette and save it with 1 click!
It's the perfect way to re-use your colors and save time!
We introduce the animated GIF export for your patterns. It's part of the attempt to help creators share their work on social media with better visuals.
Read more about the GIF feature on our blog.
Simple, yet time-saving shortcut. Hit the spacebar to refresh your pattern inside the editor.
Now you're able to upload SVG shapes without the 100x100 viewbox restriction. Import SVG files directly from Adobe XD, Adobe Illustrator, Figma, Sketch or anywhere else.
The free tier is re-enabled. Now, people can have a view and interact with the editor without the need to be enrolled into a plan. There are restrictions on customization and exporting options.
Fixed the SVG downloadable file for the saved patterns. Also, the bug with the multiple pricing flow redirects is fixed.
MagicPattern introduces another customization option: Rotation. Now you're able to rotate tiles and create even more unique patterns.
Fix inconsistencies between preview and downloaded assets reagarding the spacing attribute. Now there is a 100% match between preview and your final downloaded file
Added a button to copy your pattern in SVG format. It's a great way to import directly your pattern into design tools like Figma, Sketch and Adobe XD by copy/paste.
Add a custom horizontal scrollbar on color presets.
Fix an annoying bug for front color selection. Adding a new color was affecting the rest of the colors. Now everything is back to normal!
Introduce a new pricing tier. From now on, the Basic plan is focused on individual professionals and the Professional tier is dedicated to agencies and early startups.
Officially release the most requested feature. Create your custom packs with our pre-made shapes or you own SVG files. I tried really hard to offer a seamless experience and let you do you job with a few clicks.
Also, the bug of re-opening a saved custom pattern is fixed along with other couple performance issues.
I'm Jim, the founder, designer & engineer behind the MagicPattern toolbox.
For many years, I was struggling to create engaging visuals for products, branding and interfaces. Their creation required pro design skills or many hours of practice.
That's why I build MagicPattern. My mission is to help people create pro graphics with no effort and no prior design knowledge.
The easiest way to brand your business uniquely