layely logo layely.app
layely-app: an interactive photo filter app that lets users apply dynamic image effects and experiment with custom visuals in real time.
A dynamic photo filter web app that allows users to adjust brightness, contrast, saturation, and warmth, as well as apply preset filters in real time. Built with semantic HTML, CSS, vanilla JavaScript, JSON, and jQuery, it offers a simple interface for experimenting with image effects directly in the browser.
layely app_webdev_img1_project3
- HTML
- CSS
- Javascript (for backend; Filter Event Handling & image customization)
- jQuery (for simple front-end anims & design)
- Figma (for design & inspiration)
- Vercel (for hosting & CSS design using AI)
layely app_webdev_img2_project3
Follow these steps to get the Note It project up and running locally or online:
Access the project via this link, or download all files and set-up manually.
First, clone the portfolio Repository to your local machine:
git clone https://github.com/anugyamehrotra/layely.app.git
cd layely.app- Live sliders for:
Brightness·Contrast·Tone·Highlights·Shadows·Saturation·Warmth·Pop
- Instant preview as you drag; Reset Filters restores the original in one click.
- Fully in-browser processing — no uploads or accounts required.
- Apply a wide set of presets (e.g., 1977, Amaro, Earlybird, Toaster, Valencia, Walden, Clarendon, Aden, Brannan, Gingham, Lofi, Maven, Perpetua, Reyes, Brooklyn, Hudson, Inkwell, and more).
- Mix presets with manual adjustments to craft custom looks.
- Import a local image, edit in place, then Export the result without leaving the page.
- Minimal, responsive UI built with semantic HTML, CSS, and vanilla JavaScript for a fast, distraction-free experience.
I built this project as a way to explore creative coding and interactive visuals.
It started as a simple idea but grew into a space to experiment with filters, image effects, and real-time editing — something I could keep improving and make my own.
To view/modify all Figma elements found in this project, you may find the elements here at layely.app Template
layely.app is protected under the MIT License.
You may view, use, and modify the code under the terms of that license.
For full details, see the LICENSE.md file at:
LICENSE