refinedguides / image-editor

Build an Image Editor using CSS Filters and Javascript

Image Editor using CSS Filters and Javascript

A vanilla javascript app to add CSS filters on image.

Features

• Upload and preview images
• Update image using CSS filter functions
• Download filtered image
• Remove uploaded image
• Reset filters to default settings
• Preserve original image filename and dimensions
• Support transparency in downloaded images

Supported Filters

• blur
• brightness
• contrast
• drop-shadow
• grayscale
• hue-rotate
• invert
• opacity
• saturate
• sepia

Screenshots

Support Me

If you'd like to support me, consider buying me a coffee. Thanks!