Build a cool Image Editor with CSS and Caman.js

This effects can easily be created with a few lines of code.

Getting Caman.js library:

Run these commands in your Terminal.

Setting the UI:

You can design the UI as per your choice,using Bootstrap, SASS, CSS or anything you like!!!

This a sample layout

Linking Caman.js to the UI

The id of the tag canvas,was given “canvas” .Here it links the image to the canvas.

Applying effects to the image:

Its very simple to apply cool effects,to the image.

To Remove effects from the image.

Add this.revert();

--

--

Deep Learning enthusiast | Adobe WIT Scholar'21

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Aanisha Bhattacharyya

Aanisha Bhattacharyya

Deep Learning enthusiast | Adobe WIT Scholar'21