# Does DAML have a connector or libraries for Vue js?

**URL:** <https://forum.canton.network/t/does-daml-have-a-connector-or-libraries-for-vue-js/1238>\
**Category:** App Development\
**Created:** [September 16, 2020, 7:01am UTC](https://forum.canton.network/t/does-daml-have-a-connector-or-libraries-for-vue-js/1238 "2020-09-16T07:01:50Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Adolfus\_Adams](https://yyz2.discourse-cdn.com/flex034/user_avatar/forum.canton.network/adolfus_adams/32/824_2.png) [@Adolfus\_Adams](https://forum.canton.network/u/Adolfus_Adams)\
**Post date:** [September 16, 2020, 7:01am UTC](https://forum.canton.network/t/does-daml-have-a-connector-or-libraries-for-vue-js/1238/1 "2020-09-16T07:01:50Z")

</div>

Ed: Split out from [DAML support for Azure, Vuejs, Graphql, QLDB & Canton](https://discuss.daml.com/t/daml-support-for-azure-vuejs-graphql-qldb-canton/1236)

---

<div class="post-metadata">

**Author:** ![bernhard](https://yyz2.discourse-cdn.com/flex034/user_avatar/forum.canton.network/bernhard/32/356_2.png) [@bernhard](https://forum.canton.network/u/bernhard)\
**Post date:** [September 16, 2020, 7:10am UTC](https://forum.canton.network/t/does-daml-have-a-connector-or-libraries-for-vue-js/1238/2 "2020-09-16T07:10:18Z")

</div>

DAML does not have special bindings for Vue.js, but @anthony wrote an application with a Vue.js frontend: [GitHub - anthonylusardi-da/o\_beer: Owe your friends and enemies beers](https://github.com/anthonylusardi-da/o_beer)

That example should give a good indication how to go about connecting Vue.js with a DAML Ledger.

---

<div class="post-metadata">

**Author:** ![cocreature](https://yyz2.discourse-cdn.com/flex034/user_avatar/forum.canton.network/cocreature/32/36_2.png) [@cocreature](https://forum.canton.network/u/cocreature)\
**Post date:** [September 16, 2020, 7:11am UTC](https://forum.canton.network/t/does-daml-have-a-connector-or-libraries-for-vue-js/1238/3 "2020-09-16T07:11:47Z")

</div>

We provide 3 JS libraries and the JS codegen that all work together:

1. `@daml/types` This library provides a few common abstractions for serializable types, templates, choices, builtin LF types, …. It does not handle interaction with the ledger.
2. The JS codegen: Given a DAR, it will generate code written against `@daml/types` and provide nice interfaces for your specific models.
3. `@daml/ledger` This sits on top of `@daml/types` and handles the actual interaction with the ledger via the JSON API.
4. `@daml/react` This sits on top of `@daml/ledger` and exposes React hooks to interact with the ledger.

If you are using Vue.js, 1-3 are still useful so you don’t start from scratch by any means but obviously the react hooks aren’t going to be useful and you’ll have to use `@daml/ledger` directly.