A web application that simplifies the creation of manifest.json files and icons for Progressive Web Apps (PWAs). Upload a single high-resolution icon, and this tool will generate all the necessary icon sizes and create a properly formatted manifest.json file.
- Upload a single icon image (recommended size: 512x512px)
- Automatically generates icons in multiple sizes (72x72 to 512x512)
- Creates a properly formatted manifest.json file
- Downloads everything as a convenient ZIP file
- Includes installation instructions
- Supports PNG and JPG formats
- Drag-and-drop file upload
- Mobile-responsive design
This project uses:
- React with TypeScript
- Vite for building
- Tailwind CSS for styling
- JSZip for ZIP file creation
- React Dropzone for file uploads
- Clone the repository:
git clone https://github.com/yourusername/pwa-manifest-generator.git
- Install dependencies:
npm install
- Start the development server:
npm run dev
- Build for production:
npm run build
- Enter your app name
- Upload your icon image (recommended size: 512x512px)
- Click "Generate Manifest"
- Download and extract the ZIP file
- Follow the included instructions to implement in your PWA
MIT
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature
) - Commit your changes (
git commit -m 'Add some AmazingFeature'
) - Push to the branch (
git push origin feature/AmazingFeature
) - Open a Pull Request