Mockup de tableau kanban

Écrans de gestion de projet avec colonnes À faire / En cours / Revue / Terminé, cartes, tags et équipe.

Déposez votre capture ici

Taille

Format

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

Le modèle tâches dessine un tableau kanban complet : quatre colonnes, tags, barres de progression, échéances, commentaires et avatars, parfois avec des images de couverture comme dans les vrais outils.

Sur téléphone, il devient une vue « Mes tâches » du jour avec anneau de progression et checklist. Idéal pour les landing pages de productivité et de SaaS.

Exemples

Tâches · Navigateur · GaucheTâches · Navigateur · GaucheTâches · iPhoneTâches · iPhoneTâches · MacBook · Vue du dessusTâches · MacBook · Vue du dessusTâches · Ordinateur · En lévitation · SombreTâches · Ordinateur · 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

Existe-t-il d’autres mises en page ?

Oui. « Autre variante » alterne entre 5 mises en page : tableau kanban, liste de tâches, diagramme de Gantt, planning de la semaine et vue projet.

Puis-je l’afficher dans une fenêtre de navigateur ?

Choisissez l’appareil « Navigateur » pour une fenêtre façon macOS avec le nom de votre produit dans la barre d’adresse.

Existe-t-il une version mobile ?

Oui, passez sur iPhone pour une liste de tâches mobile.

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