lluceo/UI-Elements-Detection-Dataset

Web UI Elements Dataset

Overview

A comprehensive dataset of web user interface elements collected from the world's most visited websites. This dataset is specifically curated for training AI models to detect and classify UI components, enabling automated UI testing, accessibility analysis, and interface design studies.

Key Features

• —300+ popular websites sampled
• —15 essential UI element classes
• —High-resolution screenshots (1920x1080)
• —Rich accessibility metadata
• —YOLO-format annotations
• —Balanced class distribution

Element Classes

1. 1.Interactive Elements
2. 2.Buttons
3. 3.Links
4. 4.Input fields
5. 5.Checkboxes
6. 6.Radio buttons
7. 7.Dropdowns
8. 8.Sliders
9. 9.Toggle switches

1. 1.Structural Elements
2. 2.Labels
3. 3.Text blocks
4. 4.Icons
5. 5.Menu items

1. 1.Form Elements
2. 2.Text areas
3. 3.Select menus
4. 4.Clickable regions

Sample Visualizations

Here are some examples from our dataset:

[image]

[image]

[image]

Dataset Statistics

Distribution by Website Category

• —Most Visited Sites: 45%
• —Web Applications: 15%
• —E-commerce: 10%
• —Social Media: 10%
• —News & Media: 10%
• —Developer Tools: 5%
• —Creative Platforms: 5%

Element Distribution

• —Links: ~35%
• —Buttons: ~20%
• —Input Fields: ~15%
• —Icons: ~10%
• —Text Blocks: ~8%
• —Other Elements: ~12%

License

license: apache-2.0 ---