Photo Filters

Ismael Martínez

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


  • Version: 1.1.0
  • Updated: 4 months ago
  • License: MIT


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