101 |
102 |
103 |

Web Photo Filter

104 |

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

105 | 113 |

114 | Github 117 | 118 | Tweet 123 |

124 |
125 |
126 | 127 | 128 | 129 |
130 |
131 |

Showcase

132 | 133 |
134 |
135 | 136 | 137 |
138 | 139 |
140 |
141 | 146 |
147 |
148 |
149 |
150 |
151 | 152 | 153 | 154 |
155 |
156 |
157 |
158 |

Filter

159 |
160 | 161 |
162 |
163 |
164 | 167 |
168 |
169 |

No filter

170 |

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

173 |
174 |
175 | 178 |
179 |
180 |
181 |
182 |
183 | 184 |
185 |
186 |
187 | 191 |
192 |
193 |

Sepia

194 |

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

197 |
198 |
199 | 202 |
203 |
204 |
205 |
206 |
207 | 208 |
209 |
210 |
211 | 215 |
216 |
217 |

Blue monotone

218 |

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

221 |
222 |
223 | 226 |
227 |
228 |
229 |
230 |
231 | 232 |
233 |
234 |
235 | 239 |
240 |
241 |

Violent tomato

242 |

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

245 |
246 |
247 | 255 |
256 |
257 |
258 |
259 |
260 | 261 |
262 |
263 |
264 | 268 |
269 |
270 |

Grey

271 |

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

274 |
275 |
276 | 279 |
280 |
281 |
282 |
283 |
284 | 285 |
286 |
287 |
288 | 292 |
293 |
294 |

Desaturate

295 |

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

298 |
299 |
300 | 303 |
304 |
305 |
306 |
307 |
308 | 309 |
310 |
311 |
312 | 317 |
318 |
319 |

Brightness

320 |

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

323 |
324 |
325 | 328 |
329 |
330 |
331 |
332 |
333 | 334 |
335 |
336 |
337 | 341 |
342 |
343 |

Saturation

344 |

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

347 |
348 |
349 | 352 |
353 |
354 |
355 |
356 |
357 | 358 |
359 |
360 |
361 | 365 |
366 |
367 |

Contrast

368 |

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

371 |
372 |
373 | 376 |
377 |
378 |
379 |
380 |
381 | 382 |
383 |
384 |
385 | 389 |
390 |
391 |

Hue

392 |

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

395 |
396 |
397 | 400 |
401 |
402 |
403 |
404 |
405 | 406 |
407 |
408 |
409 | 413 |
414 |
415 |

Cookie

416 | 419 |
420 |
421 | 424 |
425 |
426 |
427 |
428 |
429 | 430 |
431 |
432 |
433 | 437 |
438 |
439 |

Vintage

440 |

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

443 |
444 |
445 | 448 |
449 |
450 |
451 |
452 |
453 | 454 |
455 |
456 |
457 | 461 |
462 |
463 |

Koda

464 |

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

467 |
468 |
469 | 472 |
473 |
474 |
475 |
476 |
477 | 478 |
479 |
480 |
481 | 485 |
486 |
487 |

Technicolor

488 |

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

491 |
492 |
493 | 496 |
497 |
498 |
499 |
500 |
501 | 502 |
503 |
504 |
505 | 509 |
510 |
511 |

Polaroid

512 |

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

515 |
516 |
517 | 520 |
521 |
522 |
523 |
524 |
525 | 526 |
527 |
528 |
529 | 533 |
534 |
535 |

Bgr

536 |

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

539 |
540 |
541 | 544 |
545 |
546 |
547 |
548 |
549 |
550 |
551 |
552 |