En cliquant sur "Accepter ", vous acceptez que des cookies soient stockés sur votre appareil afin d'améliorer la navigation sur le site, d'analyser son utilisation et de contribuer à nos efforts de marketing. Consultez notre politique de confidentialité pour plus d'informations.
Open Datasets
WebSight : Sites Web Synthétiques HTML & Screenshots
Multimodal

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.

Télécharger le dataset
Taille

2,7 millions d’exemples, 317 Go, fichiers Parquet

Licence

CC-BY 4.0

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é

Critère Évaluation
🧩 Facilité d’utilisation⭐⭐✩✩✩ (Complexe — gros volume, nécessite infrastructure adaptée)
🧼 Besoin de nettoyage⭐⭐⭐⭐⭐ (Aucun : dataset déjà structuré et cohérent)
🏷️ Richesse des annotations⭐⭐⭐⭐⭐ (Code + image + idée LLM = haute valeur contextuelle)
📜 Licence commerciale✅ Oui (CC-BY 4.0)
👨‍💻 Idéal pour les débutants⚠️ Non — dataset lourd à manipuler
🔁 Réutilisable en fine-tuning✅ Parfait pour modèles visio-code (UI2Code)
🌍 Diversité culturelle🇬🇧 Moyenne – contenu généré en anglais

🧠 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.

Datasets similaires

Voir plus
Category

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Category

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Category

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.