---
title: "Integración TemplateWeb con ODS (Onesait Design System)"
canonical: "https://onesaitplatform-es.refined.site/space/DOC/2283635385/Integraci%C3%B3n%20TemplateWeb%20con%20ODS%20(Onesait%20Design%20System)"
format: markdown
---
Gracias a la colaboración con el equipo de UX de Onesait, en esta release, nos encontramos con un nuevo acelerador de proyectos y productos que permite con un mínimo de configuración poder iniciar nuestros desarrollos sobre un proyecto web sobre la tecnología Vue.js y el Sistema de Diseño con las siguientes características : 

- Pantalla de login:

![image](media://a471b2db-4c4d-4cb2-980a-aa5106a004e9)

- Esta pantalla está integrada con la seguridad de plataforma permitiendo hacer uso de Realms ([https://onesaitplatform.atlassian.net/l/c/Tt2defpG](https://onesaitplatform.atlassian.net/l/c/Tt2defpG)).
- Tiene disponible el **Wrapper Vue.js de Dashboard**s para poder cargar los dashboards de plataforma de manera nativa sin hacer uso de iFrames, aunque también se permite su uso por configuración.

![image](media://230484bd-d71e-4ef7-b29d-d7122c3b9f29)

En este post se indica como trabajar con el Wrapper de Dashboards: [https://onesaitplatform.atlassian.net/l/c/jyyD13Zk](https://onesaitplatform.atlassian.net/l/c/jyyD13Zk) 

- La capa de presentación utiliza la librería** ODS versión 3**, con lo cual podemos hacer nuestros desarrollos de manera sencilla siguiendo el estándar de la compañía.

![image](media://85ac24d9-f70b-40a6-9008-0d6721427b2d)


En próximas versiones será posible generar este starter tanto desde plataforma como desde el cli de ODS.