Skip to content
πŸŒ„ Custom and Instagram like photo filter playground for CSS built with React
JavaScript CSS HTML
Branch: master
Clone or download

Latest commit

Latest commit 8d607e8 Nov 30, 2017


Type Name Latest commit message Commit time
Failed to load latest commit information.
build Added new filters Sep 23, 2017
source Added new filters Sep 23, 2017
.eslintignore Added custom build jquery for ajax calls. Fetch.js not working with t… Nov 19, 2015
.eslintrc Updated build task May 4, 2017
.gitignore Updated files Apr 14, 2017
.scss-lint.yml Styles share buttons Nov 23, 2015 Create Sep 15, 2016 Updated readme Nov 30, 2017
bower.json Fetching images from unsplash Nov 15, 2015
gulpfile.js Updated uglify to minify es6 Sep 23, 2017
package.json Updated uglify to minify es6 Sep 23, 2017
yarn.lock Updated uglify to minify es6 Sep 23, 2017

This is the repo for - A visual tool to create custom and instagram like photo filters in css.


  • Una Kravets - For the fantastic cssgram project
  • Unsplash - For collecting and providing the awesome demo images
  • React - For being the most awesome js framework ever

Improvements and Bugs

Please feel free to open a new issue here with your suggestions or any bugs which you may have come across.


Incase you want to contribute to the source code, clone/download this repo and build the project locally. You would need to have node and gulp installed on your machine.

There is only one gulp task which you would need - gulp go. This handles all the compiling and setup tasks. It accepts two optional flags:-

  • --open - Opens the project in your default browser after compilation
  • --build - Minifies and optimizes the stylesheets and scripts

These flags can be passed together also. For example:- gulp go --build --open. This will open the browser and run the watch task in production mode.

A little project by @_ighosh.


You can’t perform that action at this time.