Professional image editing with film grain effects, right in your browser. No quality loss, no server uploads - everything happens client-side.
✨ Film Grain Effects - Add colored or black & white grain to your images
🎨 Full Image Controls - Adjust brightness, saturation, and convert to B&W
💾 Lossless Export - Download images as PNG with no quality loss
🌓 Light/Dark Mode - Beautiful wheat-grain themed interface
🚀 Client-Side Processing - All editing happens in your browser
📱 Responsive Design - Works on desktop, tablet, and mobile
- Visit the website
- Upload an image (or drag & drop)
- Edit using the controls:
- Black & White toggle
- Brightness slider (0-100)
- Saturation slider (0-100)
- Colored Grain (0-100)
- B&W Grain (0-100)
- Download your edited image
The JavaScript modules can be used in Node.js projects:
npm install @uitgeteld/grainularconst { addGrain, saturate, adjustBrightness, toBlackWhite } = require('@uitgeteld/grainular');
// Process image data
imageData = addGrain(imageData, 20, true); // colored grain
imageData = saturate(imageData, 1.5); // increase saturation
imageData = adjustBrightness(imageData, 1.2); // increase brightness
imageData = toBlackWhite(imageData); // convert to B&W- Pure JavaScript - No frameworks, just vanilla JS
- HTML5 Canvas API - For image processing
- CSS3 - Modern, responsive styling
- Local Storage - Theme preference persistence
Open index.html in a browser to run the web application. No build process required!
For Discord bot integration or Node.js usage, install via npm:
npm install @uitgeteld/grainularconst grainular = require('@uitgeteld/grainular');
// Use grainular.addGrain, grainular.saturate, etc.Works in all modern browsers that support HTML5 Canvas:
- Chrome/Edge 90+
- Firefox 88+
- Safari 14+
- GitHub: uitgeteld
- NPM: uitgeteld and spacing_dev
- Discord: uitgeteld
- Instagram: @ovwastaken
See LICENSE file for details.
Built with ❤️ for photographers and creators.
