Dataset Card for WebSight Dataset Description WebSight is a large synthetic dataset containing HTML/CSS codes representing synthetically generated English websites, each accompanied by a corresponding screenshot. This dataset serves as a valuable resource for tasks such as generating UI codes from a screenshot. It comes in two versions: v0.1: Websites are coded with HTML + CSS. They do not include real images. v0.2: Websites are coded with HTML + Tailwind CSS. They do include real images. Essentially, here are the improvements in version v0.2, compared to version v0.1: Websites include real images (related to the context of the website!!) Usage of Tailwind CSS instead of traditional CSS Contains 2x more examples Contains more tables Better resolution for the screenshots Presence of a column indicating the LLM generated idea to create the websites Details for WebSight v0.1 (HTML + CSS) Data Fields An example of a sample appears as follows: where css is the CSS code, and body is the body of the HTML code. In other words, the CSS code is embedded directly within the HTML code, facilitating the straightforward training of a model. Data Splits There is only one split, train , that conta…
We use cookies for essential functionality and analytics. You can accept or reject analytics cookies.Cookie policy