Pwa-Asset-Generator

Visit Tool

pwa-asset-generator is an open-source Coding & Development tool that automates PWA asset generation and image declaration. It automatically generates icons, splash screens, favicons, and mstile images, updating manifest.json and index.html files.

Claim this tool

No Views Yet

At a glance

Pricing

Open Source

Free tier

Yes

API

Yes

Skill level

Technical

About

What is pwa-asset-generator?

pwa-asset-generator automates the creation and declaration of assets for Progressive Web Apps (PWAs). It generates various image types including icons, splash screens, favicons, and mstile images, ensuring they comply with Web App Manifest specifications and Apple Human Interface guidelines. The tool automatically updates `manifest.json` and `index.html` files with the generated assets. A key feature is its ability to scrape the latest Apple Human Interface guidelines via Puppeteer to ensure compatibility with current iOS devices. It supports multiple source formats like local images, HTML files, or remote assets, and offers extensive customization options for output, including dark mode splash screens and maskable icons. The tool can be used via its command-line interface or as a JavaScript module.

Best used for

Ideal for developers who need to quickly generate all necessary image assets for Progressive Web Apps, ensuring compliance with Web App Manifest specs and Apple Human Interface guidelines. Especially valuable for automating the tedious process of creating multiple icon and splash screen sizes and updating manifest files.

Common actions

generate PWA assets

automate image generation

update web manifest

create favicons

support PWA standards

workflowsopen-sourceautomated workflowdeepfakecollaborationface swapping"AI Agents"low-code/no-codegithub copilot

Capabilities

Key features

Generate icons
Generate splash screens
Update manifest.json
Update index.html
Scrape Apple guidelines
Support dark mode
Create maskable icons

Target Audience

developer

Integrations

Not yet documented

Pricing & Plans

Open Source

Free

FAQs

What types of source files can I use to generate assets?

You can use various source formats, including local image files (like SVG, JPEG, PNG, WebP), local HTML files, or remote image/HTML files. The tool uses a Chrome browser as an artboard, so any image format renderable within an HTML <img> tag is compatible.

How does pwa-asset-generator handle different screen resolutions and dark mode?

The tool automatically generates images for various resolutions by scaling your source. It scrapes Apple Human Interface guidelines for iOS device specs. For dark mode, you can provide both light and dark splash screen images, and it will generate the necessary meta tags to differentiate based on user preference.

Can I customize the padding or background for generated assets?

Yes, you can customize the padding around your source image using CSS values via the `--padding` option. The background can also be configured with CSS values using the `--background` option, allowing for solid colors or gradients. This provides flexibility for visual presentation.

Trending

Subcategories trending in Coding & Development

Open Source & Models Code Assistants DevOps & Infrastructure No-Code / Low-Code Testing & QA Backend & APIs

Trending

Also listed in

This tool also appears in

Content & Design › Graphic Design Productivity & Business › Workflow Automation

Explore

Browse AI tools by category

Content & Design Productivity & Business Coding & Development AI Agents & Automation Research & Education Wellness & Lifestyle Career Development Marketing & Growth Data & Analytics Customer Support & CX Finance E-commerce