Glyph Grid

G̸L̸Y̸P̸H̴ ̴G̴R̴I̸D̴ — The Hyperglyph Pattern Weaver

✨ Sculpt wild typographic tapestries, animate them into hypnotic loops, and export ready‑to‑use PNGs & GIFs — all inside your browser.

G̸L̸Y̸P̸H̴ ̴G̴R̴I̸D̴ is a tech‑psychedelic playground for glyph lovers, unicode hoarders, emoji conjurers, and pattern fiends. Feed it any string (from plain text to bizarre Unicode curiosities), then twist, jitter, and glitch your glyphs across space and time with a kaleidoscope of controls.

🧩 Core Modules

• Input & Source – type or paste any characters, pull from a smorgasbord of curated glyph packs, lock your favourite font or let the dice roll.
• Z̸A̴L̸G̴O̴ Engine – drench letters in cascading corruption  🤘🏻 Up / Mid / Down sliders give fine‑grained chaos—or disable for crisp shapes.
• Arrangement Lab
  • Grid (brick optional) ‑ precise or jittered.
  • Scatter ‑ confetti storm bounded or unbound.
  • Circular ‑ concentric orbiting rings.
  • Wave ‑ sine‑swept stacks that can tile seamlessly.
• Styling & FX – single colour, gradient mapping, palette cycling, HSL drift, strokes, shadows, opacity, RGB madness.
• Canvas & Export – pick size, background, tile‑crop, transparency. One‑click PNG export.
• Animation Studio – keyframe‑free! Set frame count, easing curve, stagger direction, gradient scroll, jitter loops, then spit out a perfectly looping GIF.

🎲 Creative Spark mode

Hit the ✨ Creative Spark button when you’re stuck. G̸L̸Y̸P̸H̴ ̴G̴R̴I̸D̴ will randomize a deliciously weird preset—great for inspiration or happy accidents.

🚀 Quick Start

1. Open the app (mobile & desktop friendly). No install, no sign‑ups.
2. Type a word (or paste a secret sigil) into Glyph String.
3. Choose Arrangement → Grid, tweak Cols/Rows, smash Refresh.
4. Toggle Tiled Preview to preview perfect seamless tiles.
5. Dive into Styling → Gradient Mapping, pick colours, crank Animate Gradient.
6. In Animation Studio, set Frames, Preview Delay to 33 ms, then Generate Preview.
7. Happy? Hit Export GIF and flex your loop anywhere you like.

🔧 Under the Hood

• Built with plain HTML + JS, Tailwind for layout, no dependencies beyond gif.js.
• Works offline once cached—great for couch‑creativity on mobile.
• Undo/Redo history (50 steps), tiled preview crop, stable randomness for perfect loops.

💌 Credits

Created by Dawnia Darkstone / Letsglitchit (Queer glitch sorceress 🏳️‍⚧️✨). Special thanks to the glitch art community for endless inspiration.

Tag me on socials (@Letsglitchit everywhere!) with your favourite patterns — I’d love to boost them!

📝 Controls Cheat‑Sheet

• Refresh – re‑draw with current settings.
• Tiled Preview – crop viewport to tile.
• Undo / Redo – 50‑step history.
• 🎲 buttons (section headers) – randomize that section only.

Happy weaving! 🕸️