Bibliothèque · 74 modèles · mise à jour à chaque sortie
Mockups d'appareils à télécharger en PNG transparent
Smartphones, tablettes, ordinateurs et montres connectées, vus de face, écran vide, sur fond transparent. Glissez votre capture derrière le cadre : aucun détourage, aucun watermark. Gratuit, usage personnel et commercial.
Mockups de smartphones
Mockups iPhone30 modèles
Mockups Samsung Galaxy14 modèles
Mockups Google Pixel6 modèles
Mockups Xiaomi2 modèles
Mockups d'autres marques7 modèles
Ordinateurs, montres et écrans
Comment utiliser ces mockups
Trois étapes, quel que soit votre outil.
- 01 Choisissez l'appareil Chaque fiche indique le viewport CSS, la résolution d'écran et le poids du fichier.
- 02 Téléchargez le PNG transparent Sans compte ni watermark. La version haute définition est disponible pour 9,90 $US en paiement unique.
- 03 Glissez votre capture derrière le cadre L'écran étant vide, aucun détourage ni masque à créer dans Figma, Photoshop, Canva ou Keynote.
Pour remplir l'écran
Générez la capture d'écran mobile en un clic
Ouvrez votre site dans le simulateur Mobile FIRST, choisissez l'appareil, et exportez une capture PNG à fond transparent au bon ratio. Elle se glisse directement dans le mockup correspondant.
Installer l'extension4,9/5 sur 5 100 avis · 1 000 000 utilisateurs · gratuit
Qu'est-ce qu'un mockup d'appareil ?
Un mockup d'appareil est l'image du cadre d'un téléphone, d'une tablette ou d'un ordinateur, écran vide, dans laquelle vous insérez une capture pour montrer un site ou une application dans son contexte d'usage. Sur une page de vente, un portfolio ou une présentation client, la même capture placée dans un iPhone ou un Galaxy est immédiatement lisible comme une interface mobile.
Tous les fichiers de cette bibliothèque sont des PNG à fond transparent : le pourtour de l'appareil et la zone d'écran sont vides, ce qui évite tout détourage. Vous posez votre capture sur le calque inférieur dans Figma, Sketch, Photoshop, Canva, Keynote ou PowerPoint, et le cadre se superpose proprement, y compris sur un fond coloré, un dégradé ou une photo. Une version WebP est proposée pour l'intégration web directe.
La bibliothèque couvre les mockups iPhone, Samsung Galaxy, Google Pixel, Xiaomi, iPad, Galaxy Tab, MacBook, montres connectées et bornes interactives, des modèles anciens aux sorties les plus récentes. Chaque fiche indique le viewport CSS et la résolution d'écran de l'appareil, les deux valeurs à connaître pour préparer une capture au bon ratio.
Questions fréquentes
Les mockups sont-ils gratuits ?
Oui. Chaque mockup est téléchargeable gratuitement en PNG ou WebP transparent, sans création de compte et sans watermark. Une version haute définition est proposée à 9,90 $US en paiement unique.
Que contient un fichier de mockup ?
Le cadre de l'appareil vu de face, écran vide, sur fond transparent. Vous placez votre capture derrière le cadre sans avoir à détourer quoi que ce soit.
Puis-je les utiliser dans un projet commercial ?
Oui, usage personnel et commercial autorisé, sans attribution obligatoire. Seule la revente du fichier seul est exclue. Les marques et modèles cités appartiennent à leurs propriétaires respectifs.
Comment remplir l'écran du mockup ?
Avec l'extension Mobile FIRST : ouvrez votre site dans le simulateur, choisissez l'appareil, puis exportez une capture PNG à fond transparent déjà au bon ratio.
Les nouveaux modèles sont-ils ajoutés ?
Oui, la bibliothèque est enrichie à chaque sortie de nouvel appareil.
Testez votre site sur ces 74 appareils, pas seulement en image
Le mockup montre le cadre. L'extension affiche votre site à l'intérieur, au viewport CSS exact de l'appareil.