Grit Effects brings real-time, layered image effects right into your Framer canvas. Select any image, stack effects, tweak them live, and drop the result back as a new image or a looping GIF.
34 GPU-accelerated effects across 6 categories:
Glitch β Glitch, Soft Glitch, Data-Mosh, RGB Shift, Decimate, VHS, CRT
Distort β Pixel Sort, Stretch, Kaleidoscope, Ripple, Swirl, Feedback, Luma-Mesh
Texture β Film Grain, Noise, Halftone, Dither, Watercolor, Super 8
Color β Duotone, Gradient Map, Thermal, Cyanotype, Monochrome, Bleach Bypass
Light β Bloom, Light Streak, Halation, Vignette
Blur β Gaussian, Motion, Radial, Optical Flow
Features
Stack unlimited effect layers, reorder, toggle, and fine-tune each one
One-click Randomize for instant looks
Live WebGL preview
Export as full-resolution PNG or animated GIF
Add as a new layer or replace the selected image
Free vs Pro
Free includes 6 starter effects and PNG export. A one-time Pro license unlocks all 34 effects plus animated GIF export β no subscription.
Grit Effects brings real-time, layered image effects right into your Framer canvas. Select any image, stack effects, tweak them live, and drop the result back as a new image or a looping GIF.
34 GPU-accelerated effects across 6 categories:
Glitch β Glitch, Soft Glitch, Data-Mosh, RGB Shift, Decimate, VHS, CRT
Distort β Pixel Sort, Stretch, Kaleidoscope, Ripple, Swirl, Feedback, Luma-Mesh
Texture β Film Grain, Noise, Halftone, Dither, Watercolor, Super 8
Color β Duotone, Gradient Map, Thermal, Cyanotype, Monochrome, Bleach Bypass
Light β Bloom, Light Streak, Halation, Vignette
Blur β Gaussian, Motion, Radial, Optical Flow
Features
Stack unlimited effect layers, reorder, toggle, and fine-tune each one
One-click Randomize for instant looks
Live WebGL preview
Export as full-resolution PNG or animated GIF
Add as a new layer or replace the selected image
Free vs Pro
Free includes 6 starter effects and PNG export. A one-time Pro license unlocks all 34 effects plus animated GIF export β no subscription.
