WebSight : Sites Web Synthétiques HTML & Screenshots
WebSight est un vaste jeu de données synthétiques combinant code HTML/CSS/Tailwind et captures d’écrans de sites web générés automatiquement.
Description
WebSight est un dataset unique en son genre, rassemblant plus de 2,7 millions de paires composées de code HTML/CSS et de screenshots associés. Ces sites web sont générés automatiquement avec des idées produites par des LLMs, ce qui en fait une ressource idéale pour la génération UI, le prototypage ou la compréhension visuelle de pages web.
À quoi sert ce dataset ?
- Entraîner des modèles capables de générer du HTML à partir d'une image (reverse UI)
- Tester des algorithmes de génération visuelle de code ou de design system
- Créer des outils d’accessibilité ou d’analyse sémantique d’interface
Peut-on l’enrichir ou l’améliorer ?
Oui, il est possible d’ajouter des annotations UX, des étiquettes de structure sémantique, ou encore d’entraîner des modèles pour améliorer la diversité visuelle. L’utilisation conjointe avec d'autres datasets web réels peut également renforcer la robustesse des modèles générés.
🔎 En résumé
🧠 Recommandé pour
- Projets IA de génération UI
- Chercheurs en interaction visuelle
- Design assisté par LLM
🔧 Outils compatibles
- PyTorch
- Hugging Face Transformers
- VisionEncoderDecoder
- CLIP
- HTML parsers
💡 Astuce
Pour entraîner efficacement, commencez par filtrer la version v0.2 (avec images réelles et Tailwind CSS), plus riche en diversité.
Questions fréquemment posées
Ce dataset inclut-il uniquement des sites fictifs ou des vrais sites ?
Il s’agit exclusivement de sites générés synthétiquement, sans contenu réel provenant du web, ce qui garantit un cadre légal d’utilisation.
Peut-on utiliser WebSight pour entraîner un modèle à générer du HTML depuis une image ?
Oui, c’est précisément un de ses cas d’usage principaux. Chaque image correspond à son code HTML/CSS, idéal pour le training image-to-code.
Quelle version choisir pour commencer : v0.1 ou v0.2 ?
La version v0.2 est recommandée : elle inclut des images réalistes, plus d’exemples, et un code structuré avec Tailwind CSS.



