Grit Effect is a real-time WebGL image effects editor built for the Framer Agent Hackathon.
Upload any image and layer effects from 6 categories — Glitch, Distort, Texture, Color, Light, and Blur — with 37 effects total, including VHS, Data, Kaleidoscope, Watercolor, Halation, and much more. Each effect is fully adjustable with individual parameters. Stack as many layers as you want, tweak them live, then export as JPEG, GIF, or video.
Every detail was carefully considered and directed — the three-panel layout, the layering system, the effect categories, the export options. Framer Agent handled the implementation, but the product vision, UX decisions, and creative direction were shaped deliberately from the ground up.
The result is a fully functional, browser-based creative tool built by a single designer without writing a line of code.
Grit Effect is a real-time WebGL image effects editor built for the Framer Agent Hackathon.
Upload any image and layer effects from 6 categories — Glitch, Distort, Texture, Color, Light, and Blur — with 37 effects total, including VHS, Data, Kaleidoscope, Watercolor, Halation, and much more. Each effect is fully adjustable with individual parameters. Stack as many layers as you want, tweak them live, then export as JPEG, GIF, or video.
Every detail was carefully considered and directed — the three-panel layout, the layering system, the effect categories, the export options. Framer Agent handled the implementation, but the product vision, UX decisions, and creative direction were shaped deliberately from the ground up.
The result is a fully functional, browser-based creative tool built by a single designer without writing a line of code.