---
title: "TemplateWeb integration with ODS (Onesait Design System)"
canonical: "https://onesaitplatform.refined.site/space/DOCT/3676274689/TemplateWeb%20integration%20with%20ODS%20(Onesait%20Design%20System)"
format: markdown
---
Thanks to the collaboration with the Onesait UX team, in this release, we find a new project-and-product accelerator that allows us to start our developments on a web project based on Vue.js technology and the Design System with a minimum of configuration, and with the following characteristics:

- Login screen:

![image](media://2b406724-3de9-4ff7-9778-1fb046dfbb6a)

- This screen is integrated with platform security allowing the use of Realms ([https://onesaitplatform.atlassian.net/wiki/spaces/DOCT/pages/2220847905](https://onesaitplatform.atlassian.net/wiki/spaces/DOCT/pages/2220847905)).
- The **Dashboards Wrapper Vue.js **is available to be able to load the platform dashboards natively without using iFrames, although its use is also allowed by configuration.

![image](media://afb4c277-9d6b-405f-b729-3a90d0e1af8e)

This post shows how to work with the Dashboards Wrapper: [https://onesaitplatform.atlassian.net/l/c/jyyD13Zk](https://onesaitplatform.atlassian.net/l/c/jyyD13Zk) 

- The presentation layer uses the **ODS version 3** library, with which we can carry out our developments in a simple way following the company's standard.

![image](media://ff67524c-d901-4663-8ef8-70b2833f8c82)


In future versions, we will be able to generate this starter both from the platform and from the ODS cli.