PWA Starter is your place to start your Progressive Web Application Upgrade

To get started just enter your site's Domain below and you will be guided through the process to get the assets you need to upgrade an existing site or even start a new site to a Progressive Web App.

Please enter your sites domain name to proceed.

Fetching Existing Manifest

Progressive Web Apps

Could not fetch existing manifest, do you have one to upload?

No worries if you don't have a manifest. Just click the next button.

Progressive Web Apps

PWA Homescreen Icon Generator

Upload your site's logo or image you want used for the homescreen icon.

PWA Starter will use this image to generate over 100 images used by different browsers and platforms for homescreen icons, including iPhone & iPad.

Progressive Web Apps
Web Manifest
Name of your web app
This will be used when there is insufficient space to display the full name, such as the homescreen
The purpose of your web app
The primary language for the name, short name and description properties. For example, en or en-CA
The dir member specifies the base direction for the directionality-capable members of the manifest.
Your homescreen shortcut will load this URL
The scope of your domain that this manifest applies to
Color used in the browser and system UI, to help make your app immersive
This is typically your <body> background color, used to set the background color until the stylesheets for your app are loaded.
The service worker member represents an intented service worker registration in form of a registration object
The categories member describes the expected application categories to which the web application belongs.
The iarc_rating_id member is a string that represents the International Age Rating Coalition (IARC) certification code of the web application. It is intended to be used to determine which ages the web application is appropriate for.

Manifest JSON


                                        

<head>


                                        
Add to Homescreen Configuration
An Identifier for Your App Used by the Librar to persist values
Your App Name
Require Installation
Automatically trigger prompt
Do not prompt on first site visit
Number of page views required before prompt is triggered
How many seconds to delay prompt
How long should the prompt be visible?
minutes before the message is shown again (0: display every time, default 24 hours)
Customize the prompt title
URL to the icon/logo you want in the prompt
Preview Prompt Icon

Add to Homescreen Script


                                        

Ready to Download

Download Your Site's Progressive Web Application Starter Assets.

Included in Your Zip File

index.html
A starter HTML file with the supporting markup for your site
manifest.json

A valid progressive web application web manifest file based on your choices in PWA Starter

favicon.ico

A classic favicon.ico

readme.md

A helpful reference document to help explain how to use the assets included in your PWA Starter zip file

sw.js

A very basic service worker with install, active and fetch event handler placeholders

/a2hs

Add to Homescreen library script and CSS

/meta

Homescreen icons for different platforms and additional favicon images. Over 115 images in all

Custom PWA Development

Custom Progressive Web Application Development Services

Contact Us Now >


Caching

Service Worker caching is the key to making your site work offline and improve page speed.

Proper caching strategies are important for your site's success. Love2Dev has more experience than anyone else in designing cache strategies.

Mobile First

The majority of online engagement happens on mobile devices. Google rewards mobile first websites. All Love2Dev sites are mobile first, responsive. This means your site renders across all screen sizes and device types.

Push Notifications

Native push notifications are a modern, direct way to communicate with customers. They have been shown to have much higher response rates than e-mail. All custom developed Love2Dev sites include integrated push notification capabilities.

Sign up to get Push Notifications SMS Notifications from Love2Dev.

Don't miss another great article from Love2Dev. Enable push notifications SMS notifications right now to get started. You will receive a little nudge from us when new content is ready. You can turn them off at anytime through our settings page

Progressive Web Application Development

Love2Dev specializes in developing Progressive Web Applications. We have been designing and developing PWAs for years. We help businesses use the web to grow and improve their business using modern web capabilities and best practices.

Our websites are Progressive Web Apps and SEO friendly by default. We believe to compete in today's online world you must leverage the latest technologies and have a great user experience to earn great organic search rankings.

Learn more about Love2dev's Progressive Web App Services.

Thanks for Connecting

Thanks for Connecting

We have received your information. Please check your inbox for a confirmation. Someone will connect with you personally as soon as we can.

Sorry, Something went Wrong ๐Ÿ˜ญ

We appoligize, but it appears something has broken. Please try again, or maybe use our general contact form.

Talk To An Expert.

Get In Touch
We'll Help Get You Results

iPhone & iPad

Apple has supported HTML based web apps since the iPhone was introduced. PWA Starter includes the assets you need to prompt users to add your PWA to their homescreen for an app-like experience without the app store.

View details

Android

Google has been the leader in Progressive Web App support. PWA Starter takes advantage of all the native PWA features so you can provide the best mobile experience across all devices & browsers.

View details

Windows

Microsoft is an enthusiastic proponent of Progressive Web Apps and has supported them since Windows 8. PWA Starter gives you everything you need to a rich desktop application experience.

View details

Example Progressive Web Application

Homescreen

PWA Starter gives you the initial assets: web manifest file, complete cross-platform icons and a starter service worker, required to earn a place on the user's home screen.

Prompting Control

PWA Starter includes the Love2Dev Add to Homescreen module that allows you to control how and when visitors are prompted to install your PWA, even on iOS.

Starter Service Worker

Service Workers are the secret sauce that drives advanced capabilities that power many of the modern user experiences offered by PWAs. You will get a starter service worker to get you started.

Progressive Web Application Resources

Need to know more about PWAs? We have dozens of helpful articles to help explain Progressive Web Apps and how they are being used today.

Everything You Need Know About Progressive Web Apps ๐Ÿ•ธ๏ธ [PWA Guide] ๐Ÿ“ฑ ๐Ÿ“ณ
Everything You Need Know About Progressive Web Apps ๐Ÿ•ธ๏ธ [PWA Guide] ๐Ÿ“ฑ ๐Ÿ“ณ
What is a Service Worker? Transform Your Web Site to an Instant Loading Powerhouse!
What is a Service Worker? Transform Your Web Site to an Instant Loading Powerhouse!
Apple Encouraging Progressive Web Apps [PWA] By Rejecting iOS ๐Ÿ“ฑ Apps
Apple Encouraging Progressive Web Apps [PWA] By Rejecting iOS ๐Ÿ“ฑ Apps
Major League's Ballpark App Frustrated Fans With Failed Digital Experiences - Why A Progressive Web App Could Make Everyone Happier
Major League's Ballpark App Frustrated Fans With Failed Digital Experiences - Why A Progressive Web App Could Make Everyone Happier
What is the Service Worker โš™๏ธ Cache Storage Limit? How Much Your Progressive Web App (PWA) Can Store
What is the Service Worker โš™๏ธ Cache Storage Limit? How Much Your Progressive Web App (PWA) Can Store
How Progressive Web Apps Benefit Your Ability to Improve Your Business
How Progressive Web Apps Benefit Your Ability to Improve Your Business
What are Progressive Web Application Push Notifications?
What are Progressive Web Application Push Notifications?
Why Progressive Web Apps Should Be Your Business Choice Over a Native App
Why Progressive Web Apps Should Be Your Business Choice Over a Native App
Spotify, The Apple App Store and Why Progressive Web Apps Rule
Spotify, The Apple App Store and Why Progressive Web Apps Rule
Breaking Down the MarioNet Service Worker Attack? Can Your Website Be Compromised?
Breaking Down the MarioNet Service Worker Attack? Can Your Website Be Compromised?
6 Top Progressive Web Application Examples You Can Reference To Help You Make the Leap
6 Top Progressive Web Application Examples You Can Reference To Help You Make the Leap
What is an App Shell and Do You Need One?
What is an App Shell and Do You Need One?
Make a New Year's Resolution and Update Your Website
Make a New Year's Resolution and Update Your Website
How Service Worker Cache Works - Does It Make Your Site Faster?
How Service Worker Cache Works - Does It Make Your Site Faster?
Do Progressive Web Apps Help Organic Search Engine Optimization?
Do Progressive Web Apps Help Organic Search Engine Optimization?
Why Progressive Web Applications Are Not Single Page Applications
Why Progressive Web Applications Are Not Single Page Applications
Solving the Lighthouse 'content is not sized correctly for the viewport' Failed Test
Solving the Lighthouse 'content is not sized correctly for the viewport' Failed Test
Progressive Web Apps are Not a Google Only Thing
Progressive Web Apps are Not a Google Only Thing
Progressive Web Applications Features Make the Web More App-Like
Progressive Web Applications Features Make the Web More App-Like
How to Fix 'this page is trying to load scripts from unauthenticated sources' Chrome Error [Solutions]
How to Fix 'this page is trying to load scripts from unauthenticated sources' Chrome Error [Solutions]
How to Use the 'beforeinstallprompt' ๐Ÿ”” Event to Create a Custom PWA Add to Homescreen Experience ๐Ÿ‘
How to Use the 'beforeinstallprompt' ๐Ÿ”” Event to Create a Custom PWA Add to Homescreen Experience ๐Ÿ‘
What Browsers Support Service Workers? โš™๏ธ
What Browsers Support Service Workers? โš™๏ธ
Easily Create a Baseline Set of Progressive Web App Icons
Easily Create a Baseline Set of Progressive Web App Icons
How to Uninstall, Unregister or Remove a Service Worker [With Example Code]
How to Uninstall, Unregister or Remove a Service Worker [With Example Code]
Progressive Web Application Development By Example - A Book to Help Developers Make Great User Experiences
Progressive Web Application Development By Example - A Book to Help Developers Make Great User Experiences
Introducing PWA Pong ๐Ÿ•น๏ธ๐ŸŽฎ A Progressive Web App of the Classic Atari Game
Introducing PWA Pong ๐Ÿ•น๏ธ๐ŸŽฎ A Progressive Web App of the Classic Atari Game
WebHint The Website Scanner To Identify Web Site's Your Weaknesses
WebHint The Website Scanner To Identify Web Site's Your Weaknesses
Apple Safari Ships Service Worker and Progressive Web App (PWA) Support on iOS 11.3
Apple Safari Ships Service Worker and Progressive Web App (PWA) Support on iOS 11.3
Twitter Announces Their Progressive Web App (PWA) is in the Windows Store
Twitter Announces Their Progressive Web App (PWA) is in the Windows Store
The Philly Code Camp โš™๏ธ Service Worker โš™๏ธ - Making the Schedule Work ๐Ÿ“ถ Offline! ๐Ÿ“ฑ [A Service Worker Tutorial]
The Philly Code Camp โš™๏ธ Service Worker โš™๏ธ - Making the Schedule Work ๐Ÿ“ถ Offline! ๐Ÿ“ฑ [A Service Worker Tutorial]
The Philly Code Camp Schedule Progressive Web App (PWA)
The Philly Code Camp Schedule Progressive Web App (PWA)
Introducing the JavaScript Snake ๐Ÿ Game Progressive Web App (PWA)
Introducing the JavaScript Snake ๐Ÿ Game Progressive Web App (PWA)
๐ŸฆIntroducing the Flappy Bird Online Progressive Web App (PWA) ๐Ÿฆ
๐ŸฆIntroducing the Flappy Bird Online Progressive Web App (PWA) ๐Ÿฆ
The 2048 Progressive Web App (PWA)
The 2048 Progressive Web App (PWA)
Introducing the JavaScript Calculator Progressive Web App (PWA)
Introducing the JavaScript Calculator Progressive Web App (PWA)
Introducing Hextris ๐Ÿ•น๏ธ - A Tetris Inspired Progressive Web App (PWA)
Introducing Hextris ๐Ÿ•น๏ธ - A Tetris Inspired Progressive Web App (PWA)
Microsoft Provides More Clarity For Progressive Web Apps (PWA) in the Windows Store
Microsoft Provides More Clarity For Progressive Web Apps (PWA) in the Windows Store
Talking Progressive Web Apps and Why They Change the Way We Build the Web
Talking Progressive Web Apps and Why They Change the Way We Build the Web
Describing Your Progressive Web App with a Web Manifest File
Describing Your Progressive Web App with a Web Manifest File
[Site cannot be installed: the page does not work offline ๐Ÿ“ถ] Fix the Problem to Prompt the Add to Home Screen Message
[Site cannot be installed: the page does not work offline ๐Ÿ“ถ] Fix the Problem to Prompt the Add to Home Screen Message
Upgrading the HTML5 Boilerplate Project to a Progressive Web App in 15 Minutes [Tutorial]
Upgrading the HTML5 Boilerplate Project to a Progressive Web App in 15 Minutes [Tutorial]
Googles Ads Facebook Pixel Bing Pixel LinkedIn Pixel