CSSgram – Instagram filter library in CSS


A tiny (1kb gzipped) library for recreating Instagram filters with CSS filters and blend modes.
Simply put, CSSgram is a library for editing your images with Instagram-like filters directly in CSS. What we’re doing here is adding filters to the images as well as applying color and/or gradient overlays via various blending techniques to mimic these effects. This means less manual image processing and more fun filter effects on the web.

This library uses CSS Filters and CSS Blend Modes. This features are supported in the following browsers:
Google Chrome: 43+, Mozilla Firefox: 38+, Opera: 32+, Safari: 8+



View All Free Tools