An open API service indexing awesome lists of open source software.

https://github.com/devsimsek/webseed

A powerful, web-based photo editing application that brings quick image processing to your browser.
https://github.com/devsimsek/webseed

Last synced: 20 days ago
JSON representation

A powerful, web-based photo editing application that brings quick image processing to your browser.

Awesome Lists containing this project

README

          

# WebSeed 🌱

A powerful, web-based photo editing application that brings quick image processing to your browser.

![WebSeed Demo](https://img.shields.io/badge/status-active-brightgreen)
![License](https://img.shields.io/badge/license-MIT-blue)
![JavaScript](https://img.shields.io/badge/javascript-ES6+-yellow)

## ✨ Features

- **Real-time Image Processing** - See your edits instantly as you make them
- **Quick Filters** - Adjust brightness, contrast, saturation, temperature, and more
- **Preset Effects** - Quick access to popular styles like Vintage, HDR, Drama, and Black & White
- **Advanced Controls** - Fine-tune highlights, shadows, whites, blacks, and vignette
- **No Server Required** - Everything runs locally in your browser
- **High Quality Output** - Download your edited images in full resolution

## 🚀 Quick Start

1. Clone the repository:
```bash
git clone https://github.com/devsimsek/webseed.git
cd webseed
```

2. Start a local server:
```bash
# Using Python 3
python3 -m http.server 8000

# Or using Node.js
npx serve .
```

3. Open your browser and navigate to `http://localhost:8000`

4. Upload an image and start editing!

## 🎨 Available Presets

- **Vintage** - Classic film look with warm tones
- **Black & White** - Professional grayscale conversion
- **HDR** - High dynamic range effect
- **Drama** - Moody, high-contrast style
- **Grunge** - Edgy, desaturated aesthetic

## 🛠️ Technologies Used

- **HTML5 Canvas** - For image manipulation
- **Vanilla JavaScript** - No frameworks, pure performance
- **CSS3** - Modern, responsive design
- **File API** - For image upload handling

## 📁 Project Structure

```
webseed/
├── index.html # Main application page
├── css/
│ └── style.css # Application styles
├── js/
│ └── app.js # Core application logic
├── docs/ # Documentation
└── README.md # This file
```

## 🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

1. Fork the project
2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request

## 📄 License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## 👨‍💻 Author

**devsimsek**
- GitHub: [@devsimsek](https://smsk.dev)

## 🙏 Acknowledgments

- Inspired by SnapSeed
- Is an absolute prototype.
- Designed for me and my friends but you are welcome to use it as well.

---

Made with ❤️ by [devsimsek](https://smsk.dev)