Web Photo Filter

Web Photo Filter is a web component to apply Instagram-like WebGL filters to photos. The component could be integrated in the most popular frontend frameworks

Demo of the integration in the mobile app Fluster

Github

Showcase

No filter

<web-photo-filter src="assets/img/test.jpg"></web-photo-filter>

Sepia

<web-photo-filter src="assets/img/test.jpg" filter="sepia"></web-photo-filter>

Blue monotone

<web-photo-filter src="assets/img/test.jpg" filter="blue_monotone"></web-photo-filter>

Violent tomato

<web-photo-filter src="assets/img/test.jpg" filter="violent_tomato"></web-photo-filter>

Grey

<web-photo-filter src="assets/img/test.jpg" filter="greyscale"></web-photo-filter>

Brightness

<web-photo-filter src="assets/img/test.jpg" filter="brightness" level="1.2"></web-photo-filter>

Saturation

<web-photo-filter src="assets/img/test.jpg" filter="saturation"></web-photo-filter>

Contrast

<web-photo-filter src="assets/img/test.jpg" filter="contrast"></web-photo-filter>

Hue

<web-photo-filter src="assets/img/test.jpg" filter="hue" level="120"></web-photo-filter>

Cookie

Vintage

<web-photo-filter src="assets/img/test.jpg" filter="vintage"></web-photo-filter>

Koda

<web-photo-filter src="assets/img/test.jpg" filter="koda"></web-photo-filter>

Technicolor

<web-photo-filter src="assets/img/test.jpg" filter="technicolor"></web-photo-filter>

Polaroid

<web-photo-filter src="assets/img/test.jpg" filter="polaroid"></web-photo-filter>

Bgr

<web-photo-filter src="assets/img/test.jpg" filter="bgr"></web-photo-filter>