MagicPattern Changelog

Create liquid, silk, streaked, and grainy shader gradient backgrounds with curated presets, color controls, wave distortion, dithering, film grain, and one-click randomization. Export polished WebGL-inspired gradients as high-resolution PNG or JPG images for websites, branding, posters, and social graphics.

Build complete color systems with the new color tools suite. Generate palettes, create tints and shades from any base color, prepare Tailwind-ready scales, extract colors from images, and copy export-friendly formats for design systems and frontend projects.

Turn any image into bold comic, newsprint, or pop-art artwork in a few clicks. Upload a picture, fine-tune the dot style and colors, then export a polished visual for posters, album covers, social posts, or editorial graphics.

Create glowing retro perspective grids for wallpapers, covers, posters, and social graphics. Adjust the colors, fog, horizon, and grid placement to get anything from subtle depth to full cyberpunk energy.

CSS background patterns are now easier to browse and use. Jump straight into dots, grids, stripes, waves, or geometric patterns, customize the look, and copy lightweight CSS backgrounds without exporting image files.

Layer multiple CSS patterns together and tune colors, size, rotation, and opacity from one editor. It is a faster way to build unique website backgrounds and copy production-ready CSS when the design feels right.

Introducing the Grid Background Pattern maker. Create subtle background patterns for UI designs and social media posts, export them as SVG, customize every detail, and open your result in CodePen.

The Confetti Generator makes it easy to create random confetti backgrounds for websites and social media posts. Export SVGs, customize colors, and adjust the confetti amount in the graphic.

The Mesh Gradient tool got a complete revamp with SVG export, a better and more robust way to create mesh gradients, and blur controls between colors.

Create social media posts inside MagicPattern by leveraging our unique graphics. The editor includes a collection of useful tools and more features will keep arriving over time.

The Geometric Patterns API helps developers enhance app experiences with customizable backgrounds. Almost all customization parameters from the web app are available through the API too.

Instantly refresh a pattern by picking a random palette from the preset collection.

Customize the Seamless Pattern editor grid, choose between four tiling options, and crop uploaded images with a few clicks.

Save and reuse your favorite mesh gradients so your best creations stay available for later.

Import your own SVG and create seamless patterns from it. SVG layers inherit the active foreground color unless you keep the original colors with image import mode.

Create unique blob backgrounds in a few clicks with customizable layers, brand colors, saved graphics, Magic Resize, and one-click random generation.

Fill blobs with seamless patterns, adjust pattern size and color, and offset the pattern behind the blob for a more abstract effect.

Choose popular social media sizes from Facebook, Instagram, and Twitter, then set the canvas to official post or cover dimensions.

The Blurry Gradients tool now supports positioning around corners or the center of the canvas, plus opacity controls for softer gradients.

Use custom color palettes in the Mesh Gradient tool and drag colors to reorder their position.

Create linear, radial, and conic gradients, share them with one click, save favorites, and generate smoother gradients without color banding.

Choose solid color, outline, gradient, or image fills for blobs. Square images fit blob shapes best.

Define custom export widths for geometric patterns, use the new export popover, and export transparent backgrounds without crashes.

Add grain effects to artwork with controls for grain amount, intensity, and blending mode.

The GIF maker got a refreshed interface to match MagicPattern branding, plus fixes for randomizing attributes and duplicate export filenames.

Randomize geometric pattern attributes such as tile rotation and spacing to make patterns feel more abstract and unique.

MagicPattern became a toolbox for visuals, bringing together geometric patterns, seamless patterns, CSS patterns, mesh gradients, blurry gradients, blob generation, and doodle backgrounds.

Color presets now support up to 10 colors, and SVG exports were fixed for smoother Adobe Illustrator imports.

The color picker is quicker and includes tints and shades for every active color. GIF exports also gained adjustable quality options.

Added more than 150 geometric shapes and 10 new packs for richer pattern combinations.

Switch from symmetrical to dynamic grids and vary tile sizes to make patterns feel more abstract and creative.

Fixed Safari preview inconsistencies with rotation and spacing so previews match exported patterns.

Save branding color palettes in the editor and reuse them with one click.

Export animated GIFs for patterns, refresh patterns with the spacebar, and upload SVG shapes without the old 100x100 viewbox restriction.

The free tier is enabled again, allowing visitors to view and interact with the editor with limits on customization and export options.

Added pattern rotation, SVG copy, and fixes for spacing inconsistencies between previews and downloaded assets.

Added a custom horizontal scrollbar on color presets and fixed a front-color selection issue that affected other colors.

Released custom packs, introduced updated pricing tiers, and fixed reopening saved custom patterns along with performance issues.