About MianPix

MianPix is a fast, modern image toolkit built for simplicity. Upload your image, apply smart enhancements, resize for any platform, optimize for web, and download instantly. Designed with a clean interface and one-click tools, MianPix makes image editing effortless for developers, creators, and everyday users.

m

Published by

mianhassam96

Visit View Profile

README.md

View on GitHub

🖼️ MianPix — Smart Image Tools for Creators & Developers

MianPix is a modern, fast, and user-friendly image editing web app built as a collection of smart tools. Upload your image, choose any tool, and enhance, optimize, or transform your image instantly — all directly in your browser.

Designed with a clean UI and one-click workflows, MianPix makes image editing simple, fast, and professional.

✨ Features

🧩 Smart Image Tools

MianPix provides a set of powerful and easy-to-use tools:

1. Remove Background

One-click background removal
Transparent PNG output
Clean subject detection
Fast processing

2. Smart Resize

Resize for social media
YouTube thumbnail size
Blog image size
Custom dimensions
Auto center image

3. Background Blur

Portrait-style blur
Adjustable blur intensity
Focus subject
Smooth output

4. Thumbnail Maker

YouTube thumbnails
Blog featured images
Social media banners
Auto crop & spacing

5. Image Compressor

Reduce file size
Quality control
Fast optimization
Download compressed image

6. Format Converter

Convert images instantly:

PNG → JPG
JPG → PNG
WEBP → PNG
PNG → WEBP

7. Web Optimizer

Convert to WebP
Compress large images
Optimize for websites
Improve loading speed

8. Profile Picture Maker

Circle crop
Center subject
Blur background
Add shadow effect

9. Color Palette Extractor

Extract colors from image
Generate palette
Copy HEX codes
Gradient inspiration

10. Favicon Generator

Generate website icons:

favicon.ico
16x16
32x32
180x180
App icons

🎯 User Experience

Clean tool-based interface
Open any tool instantly
Drag & drop upload
Real-time preview
Fast processing
Responsive design
Dark / Light mode
Smooth animations
Mobile friendly

⚡ Installation & Setup

Clone the repository:

git clone https://github.com/Mianhassam96/MianPix.git
cd MianPix
npm install
npm start

Open in browser:

http://localhost:3000

🌐 Deployment

Deploy using GitHub Pages:

npm run build
npm run deploy

🚀 Live Demo

https://mianhassam96.github.io/MianPix/

🧠 Tech Stack

React
Tailwind CSS
Framer Motion
Canvas API
Client-side image processing

🤝 Contribution

Contributions are welcome!

Fork the repository
Create your feature branch

git checkout -b feature/NewFeature

Commit your changes

git commit -m "Add new feature"

Push to branch

git push origin feature/NewFeature

Open Pull Request

👤 Author

Mian Hassam

GitHub https://github.com/Mianhassam96

LinkedIn https://www.linkedin.com/in/mianhassam96/

Facebook https://www.facebook.com/mian.hassam.kz

Instagram https://www.instagram.com/mianhassam96/

📝 License

This project is licensed under the MIT License

MianPix