Photo Filters

Ismael Martínez

Photo Filters

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