A modern, privacy-focused web application that converts your images into WhatsApp-ready sticker packs. Built with React and powered by client-side processing—no server uploads required.
- 🖼️ Batch Processing - Convert multiple images at once with drag-and-drop support
- 📐 Auto-Sizing - Automatically resizes and centers images to 512x512px (WhatsApp sticker format)
- 🎯 WebP Conversion - Converts JPG, PNG, and WebP images to optimized WebP format
- 📦 Zip Export - Downloads all converted stickers in a single organized ZIP file
- 🔒 Privacy First - 100% client-side processing—your images never leave your device
- 🌓 Dark Mode - Beautiful light/dark theme with system preference detection
- 📱 Responsive Design - Works seamlessly on desktop, tablet, and mobile devices
- ✨ Modern UI - Glassmorphism design with smooth animations and transitions
- Node.js (v16 or higher)
- npm or yarn
# Clone the repository
git clone https://github.com/indiser/Sticker-Studio.git
# Navigate to project directory
cd Sticker-Studio
# Install dependencies
npm install
# Start development server
npm run devThe app will be available at http://localhost:5173
# Create optimized production build
npm run build
# Preview production build locally
npm run preview- Frontend Framework: React 19.2.5
- Build Tool: Vite 8.0.10
- Styling: TailwindCSS 3.4.19
- Image Processing: HTML5 Canvas API
- File Handling: react-dropzone 15.0.0
- ZIP Generation: JSZip 3.10.1
- Icons: Lucide React 1.11.0
- Upload - Drag and drop images or click to select files (supports JPG, PNG, WebP)
- Process - Images are automatically resized to 512x512px with aspect ratio preservation
- Convert - All images are converted to WebP format with 80% quality
- Download - Get a ZIP file containing all your WhatsApp-ready stickers
- Create custom WhatsApp sticker packs for personal use
- Prepare branded stickers for business messaging
- Convert artwork collections to sticker format
- Batch process images for WhatsApp sticker apps
- Custom Sizing Options - Allow users to choose different output dimensions
- Quality Slider - Adjustable WebP compression quality
- Image Editing - Basic cropping, rotation, and filters before conversion
- Sticker Preview - Live preview of converted stickers before download
- Background Removal - AI-powered background removal for transparent stickers
- Batch Naming - Custom naming patterns for output files
- Format Options - Support for additional output formats (PNG with transparency)
- Metadata Editor - Add sticker pack name, author, and tray icon
- Direct WhatsApp Integration - Generate
.wastickersfiles for Android - History/Favorites - Save and reuse previous conversion settings
- Drag to Reorder - Rearrange sticker order before conversion
- Cloud Sync - Optional cloud storage for sticker packs (with user consent)
- Progressive Web App (PWA) support for offline usage
- Web Workers for faster parallel image processing
- IndexedDB caching for large batch operations
- Accessibility improvements (ARIA labels, keyboard navigation)
- Unit and integration tests
- Performance monitoring and optimization
- Multi-language support (i18n)
Contributions are welcome! Please feel free to submit a Pull Request.
This project is open source and available under the MIT License.
- Icons by Lucide
- UI inspiration from modern glassmorphism design trends
- Built with ❤️ for the WhatsApp sticker community
Note: This tool is not affiliated with WhatsApp or Meta. It's an independent utility for creating WhatsApp-compatible sticker images.