Générateur de mockup de navigateur

Une fenêtre de navigateur épurée façon macOS avec barre d’adresse, à plat ou en 3D.

Déposez votre capture ici

Taille

Format

Votre image reste dans votre navigateur : rien n’est envoyé.

Le cadre de navigateur est le moyen le plus simple de présenter une web app. Il comporte les boutons tricolores et une barre d’adresse avec le domaine de votre produit. Utilisez un écran généré ou votre propre capture de site.

Exemples

Landing · NavigateurLanding · NavigateurTableau de bord · Navigateur · GaucheTableau de bord · Navigateur · GaucheTarifs · Navigateur · Vue du dessusTarifs · Navigateur · Vue du dessusCRM · Navigateur · En lévitation · SombreCRM · Navigateur · En lévitation · Sombre

Comment ça marche

  1. Choisissez un écran

    L’un des 18 types d’interface (5 mises en page chacun) ou votre propre capture. Cliquez sur « Autre variante » jusqu’à ce qu’elle vous plaise.

  2. Choisissez un appareil

    iPhone 17 Pro, iPhone Air, MacBook Pro ou MacBook Air — ou une fenêtre de navigateur.

  3. Téléchargez

    Choisissez l’angle et le fond, puis téléchargez un PNG, JPG ou WebP haute résolution. Fond transparent possible.

Questions

Que montre la barre d’adresse ?

Le nom de votre produit sous forme de domaine .com.

Existe-t-il une fenêtre sombre ?

Oui, en mode Sombre le cadre du navigateur s’assombrit aussi.

Puis-je utiliser une capture pleine page ?

Oui, la capture est alignée en haut et remplit la largeur de la fenêtre.

UI Generator est-il gratuit ?

Oui. Toutes les interfaces, appareils, angles et tailles d’export sont gratuits, sans compte. Vous pouvez utiliser les images dans des projets commerciaux.

Puis-je mettre ma propre capture sur un iPhone ou un MacBook ?

Oui. Cliquez sur « Votre capture », glissez une image sur l’aperçu ou collez-la avec Ctrl/Cmd+V. L’image est traitée dans votre navigateur et n’est jamais envoyée.

Plus de mockups

Mockups par type d’écran


Mockups par appareil