Interactive line pattern generator
XON Pattern Studio is a free browser tool for designing geometric line patterns that react to the cursor. Draw on a 45° lattice or upload your own SVG pattern, place your logo in the middle, then bring it to life with 48 mouse-reactive effects, from ripple, magnet and wind to shatter, scissor and heartbeat.
When it looks right, export clean SVG or PNG, render an MP4 video in square, portrait or widescreen sizes, or copy an embed snippet so the pattern stays interactive on your own website.
Questions
Is it free?
Yes. There is no account or signup. If it helps your work, you can leave a tip through PayPal.
Where are my designs saved?
In your own browser. Saved designs, uploaded patterns and logos stay on your device; use Design code to move a design elsewhere.
Can I put an interactive pattern on my website?
Yes. Website export gives you a full page or an embed snippet for Webflow, WordPress, Squarespace, Framer, Wix or plain HTML. It reacts to the visitor's mouse and works on phones too.
What video sizes can I export?
Square 1080 and 2160, portrait 4:5 and 9:16, landscape 4:3 and 16:9 up to 4K, as standard MP4 at 30 fps.