Online Tool Store Online Tool Store

PWA-manifestgenerator

Genereer een PWA-webapp-manifest (manifest.json) met app-naam, korte naam, start-URL, weergavemodus en thema- en achtergrondkleuren, klaar om te kopiëren.

🔒 Deze tool werkt volledig in je browser. Je bestanden worden nooit naar een server geüpload.

manifest.webmanifest

Voorbeeld getoond: voeg na het kopiëren je eigen pictogramvermeldingen toe in je project.

Hoe de PWA-manifestgenerator werkt

  1. Voer de identiteit van je app, de start-URL, de weergavemodus en de kleuren in.
  2. Bekijk de gegenereerde JSON terwijl de waarden worden bijgewerkt.
  3. Kopieer het naar een manifestbestand en koppel dat bestand vanaf je site.

Een webapp-manifest bestaat uit JSON-metadata. Browsers gebruiken velden zoals name, start_url, display en theme_color om een installeerbare webapp consistent weer te geven.

FAQ

Wat is een webapp-manifest?

Het is een JSON-bestand dat browsers vertelt hoe een site eruit moet zien en hoe die moet starten wanneer deze als app wordt geïnstalleerd.

Genereert dit tool pictogrammen?

Nee. Het bevat een voorbeeldpictogram; maak en voeg je eigen pictogrambestanden toe.

Wordt mijn site hiermee een PWA?

Nee. Een service worker en andere installatievereisten moeten nog in je project worden ingesteld.

Hoe voeg ik het gegenereerde manifest toe aan mijn website?

Kopieer de JSON en sla die op als manifest.json in de hoofdmap van je site; koppel het vervolgens vanuit de <head> van je HTML met <link rel="manifest" href="/manifest.json">.

Wat is het verschil tussen de velden naam en korte naam?

"name" is de volledige app-naam die wordt getoond bij de installatieprompt en in de app-lijst; "short_name" is een kortere aanduiding onder het startschermpictogram, waar de ruimte beperkt is.

Hoe wij ons verhouden

FunctieOnline Tool StorePWABuilderHandgeschreven JSON
Live manifestvoorbeeld Handmatig
Geen account nodig

Voor een klein manifestconcept zonder uitgebreide PWA-workflow houdt deze pagina de belangrijkste velden en de uitvoer bij elkaar.

Ontdek gerelateerde tools

Deze tool insluiten

Plak dit op je eigen site — het blijft gratis, en elk bestand blijft in de browser van je bezoeker, niet bij jou of bij ons.