Log inSign upAdd Service
Visit

Service information

Plans

free

Platforms

website

Requirements

social authGoogleGoogle sign inemail requiredaccount registration required

Description

Website Elements Object Detection is a free online service that helps you detect website elements. With 1892 open source website-object images and a pre-trained model, it provides accurate results. Simply drop an image and explore the dataset. Created by Augmented Startups.

🌐🔍
detect website elements

Examples

🔍🌐

Detect Website Elements

#1
inputs
outputs

{

 "predictions": [

  {

   "x": 154.5,

   "y": 290,

   "width": 49,

   "height": 120,

   "confidence": 0.437,

   "class": "form",

   "class_id": 2

  },

  {

   "x": 46.5,

   "y": 489,

   "width": 75,

   "height": 42,

   "confidence": 0.396,

   "class": "banner",

   "class_id": 0

  },

  {

   "x": 130,

   "y": 165.5,

   "width": 102,

   "height": 93,

   "confidence": 0.315,

   "class": "banner",

   "class_id": 0

  },

  {

   "x": 157,

   "y": 290,

   "width": 54,

   "height": 118,

   "confidence": 0.163,

   "class": "banner",

   "class_id": 0

  },

  {

   "x": 121,

   "y": 490,

   "width": 114,

   "height": 42,

   "confidence": 0.105,

   "class": "banner",

   "class_id": 0

  }

 ]

}

#2
inputs
outputs

{

 "predictions": [

  {

   "x": 26.5,

   "y": 201.5,

   "width": 53,

   "height": 27,

   "confidence": 0.616,

   "class": "button",

   "class_id": 1

  },

  {

   "x": 27,

   "y": 202,

   "width": 52,

   "height": 28,

   "confidence": 0.604,

   "class": "header",

   "class_id": 3

  },

  {

   "x": 104.5,

   "y": 10,

   "width": 203,

   "height": 18,

   "confidence": 0.556,

   "class": "button",

   "class_id": 1

  },

  {

   "x": 370,

   "y": 9.5,

   "width": 56,

   "height": 15,

   "confidence": 0.505,

   "class": "button",

   "class_id": 1

  }

 ]

}

#3
inputs
outputs

{

 "predictions": [

  {

   "x": 42.5,

   "y": 456,

   "width": 81,

   "height": 84,

   "confidence": 0.279,

   "class": "button",

   "class_id": 1

  },

  {

   "x": 57.5,

   "y": 458.5,

   "width": 107,

   "height": 87,

   "confidence": 0.239,

   "class": "header",

   "class_id": 3

  },

  {

   "x": 339.5,

   "y": 493,

   "width": 53,

   "height": 36,

   "confidence": 0.153,

   "class": "short_paragraph",

   "class_id": 6

  },

  {

   "x": 347.5,

   "y": 494,

   "width": 37,

   "height": 34,

   "confidence": 0.152,

   "class": "button",

   "class_id": 1

  },

  {

   "x": 350.5,

   "y": 493.5,

   "width": 29,

   "height": 35,

   "confidence": 0.144,

   "class": "header",

   "class_id": 3

  },

  {

   "x": 273.5,

   "y": 365,

   "width": 185,

   "height": 112,

   "confidence": 0.14,

   "class": "banner",

   "class_id": 0

  },

  {

   "x": 312,

   "y": 73,

   "width": 80,

   "height": 64,

   "confidence": 0.116,

   "class": "form",

   "class_id": 2

  },

  {

   "x": 133,

   "y": 495.5,

   "width": 120,

   "height": 29,

   "confidence": 0.079,

   "class": "short_paragraph",

   "class_id": 6

  },

  {

   "x": 30.5,

   "y": 500,

   "width": 61,

   "height": 22,

   "confidence": 0.078,

   "class": "short_paragraph",

   "class_id": 6

  },

  {

   "x": 309.5,

   "y": 72,

   "width": 81,

   "height": 66,

   "confidence": 0.061,

   "class": "logo",

   "class_id": 4

  },

  {

   "x": 333,

   "y": 15,

   "width": 58,

   "height": 28,

   "confidence": 0.056,

   "class": "form",

   "class_id": 2

  },

  {

   "x": 61.5,

   "y": 70.5,

   "width": 83,

   "height": 63,

   "confidence": 0.054,

   "class": "form",

   "class_id": 2

  },

  {

   "x": 37.5,

   "y": 499.5,

   "width": 73,

   "height": 21,

   "confidence": 0.041,

   "class": "long_paragraph",

   "class_id": 5

  },

  {

   "x": 359,

   "y": 398.5,

   "width": 14,

   "height": 61,

   "confidence": 0.037,

   "class": "header",

   "class_id": 3

  },

  {

   "x": 164,

   "y": 456.5,

   "width": 78,

   "height": 73,

   "confidence": 0.032,

   "class": "header",

   "class_id": 3

  },

  {

   "x": 312.5,

   "y": 200,

   "width": 85,

   "height": 90,

   "confidence": 0.031,

   "class": "form",

   "class_id": 2

  },

  {

   "x": 313,

   "y": 196,

   "width": 80,

   "height": 82,

   "confidence": 0.023,

   "class": "header",

   "class_id": 3

  },

  {

   "x": 289,

   "y": 202,

   "width": 124,

   "height": 104,

   "confidence": 0.02,

   "class": "banner",

   "class_id": 0

  },

  {

   "x": 98.5,

   "y": 413.5,

   "width": 155,

   "height": 111,

   "confidence": 0.015,

   "class": "banner",

   "class_id": 0

  },

  {

   "x": 154.5,

   "y": 460,

   "width": 97,

   "height": 76,

   "confidence": 0.014,

   "class": "button",

   "class_id": 1

  },

  {

   "x": 37,

   "y": 18.5,

   "width": 46,

   "height": 33,

   "confidence": 0.013,

   "class": "form",

   "class_id": 2

  },

  {

   "x": 40,

   "y": 419,

   "width": 76,

   "height": 70,

   "confidence": 0.013,

   "class": "short_paragraph",

   "class_id": 6

  },

  {

   "x": 177,

   "y": 39,

   "width": 272,

   "height": 78,

   "confidence": 0.012,

   "class": "banner",

   "class_id": 0

  },

  {

   "x": 313.5,

   "y": 267.5,

   "width": 79,

   "height": 53,

   "confidence": 0.012,

   "class": "logo",

   "class_id": 4

  },

  {

   "x": 312.5,

   "y": 306.5,

   "width": 85,

   "height": 37,

   "confidence": 0.01,

   "class": "button",

   "class_id": 1

  }

 ]

}

Features

  • The service has a pretrained model.
  • There’s an API available for making predictions.
  • It offers a trained model that can be used.
  • An open source dataset is available to use.

Perfect for

  • Web developers might find this service handy.
  • Designers could also use it to their advantage.

Similar services

Website Elements Object Detection preview
Roboflow Universe logo
Google
Share this page: