Photo Filters

Ismael Martínez

Open in Framer X

Add filters and effects to images like Instagram. This component is based on CSSGram, a library for recreating Instragram filters with CSS filters and blend modes.

How to use

  1. Drop the Filter component to your canvas.
  2. Choose an image from the properties panel.
  3. Select a filter from the list.
  4. Adjust the resize mode (like regular images on Framer X).

You can use multiple components, off course.

Available filters

Instagram: 1977, Aden, Brannan, Brooklyn, Clarendon, Earlybird, Gingham, Hudson, Inkwell, Kelvin, Lark, Lo-Fi, Maven, Mayfair, Moon, Nashville, Perpetua, Reyes, Rise, Slumber, Stinson, Toaster, Valencia, Walden, Willow, X-pro II.



  • New release for new Framer API.


  • Initial release

Ask on Twitter: @ismamz

Opening Package in Framer X...

Don’t have Framer X yet?Start your Free Trial

By using our website, you agree to the use of cookies as described in our  Privacy Policy —
I Agree