Web Photo Filter

A web component to apply Instagram-like WebGL filters to photos.

Github Tweet

Showcase

Filter

No filter

<web-photo-filter src="./instagram.jpg"></web-photo-filter>

Sepia

<web-photo-filter src="./instagram.jpg" filter="sepia"></web-photo-filter>

Blue monotone

<web-photo-filter src="./instagram.jpg" filter="blue_monotone"></web-photo-filter>

Violent tomato

<web-photo-filter src="./instagram.jpg" filter="violent_tomato"></web-photo-filter>

Grey

<web-photo-filter src="./instagram.jpg" filter="greyscale"></web-photo-filter>

Desaturate

<web-photo-filter src="./instagram.jpg" filter="desaturate"></web-photo-filter>

Brightness

<web-photo-filter src="./instagram.jpg" filter="brightness" level="1.2"></web-photo-filter>

Saturation

<web-photo-filter src="./instagram.jpg" filter="saturation"></web-photo-filter>

Contrast

<web-photo-filter src="./instagram.jpg" filter="contrast"></web-photo-filter>

Hue

<web-photo-filter src="./instagram.jpg" filter="hue" level="120"></web-photo-filter>

Cookie

Vintage

<web-photo-filter src="./instagram.jpg" filter="vintage"></web-photo-filter>

Koda

<web-photo-filter src="./instagram.jpg" filter="koda"></web-photo-filter>

Technicolor

<web-photo-filter src="./instagram.jpg" filter="technicolor"></web-photo-filter>

Polaroid

<web-photo-filter src="./instagram.jpg" filter="polaroid"></web-photo-filter>

Bgr

<web-photo-filter src="./instagram.jpg" filter="bgr"></web-photo-filter>