# Installing libraries with npm for UI Kit Components

**URL:** https://community.weweb.io/t/installing-libraries-with-npm-for-ui-kit-components/7082
**Category:** Developer corner
**Tags:** custom-components
**Created:** [February 17, 2024, 2:35pm UTC](https://community.weweb.io/t/installing-libraries-with-npm-for-ui-kit-components/7082 "2024-02-17T14:35:01Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![benFortunato](https://avatars.discourse-cdn.com/v4/letter/b/6de8d8/32.png) [@benFortunato](https://community.weweb.io/u/benFortunato)
#### Post date: [February 17, 2024, 2:35pm UTC](https://community.weweb.io/t/installing-libraries-with-npm-for-ui-kit-components/7082/1 "2024-02-17T14:35:01Z")

</div>

I saw that some additional libraries were installed in this tutorial. [https://youtu.be/erhzQbhBvJI?t=2474](https://youtu.be/erhzQbhBvJI?t=2474)

I am trying to install PrimeVue’s library [Install PrimeVue with Vite](https://primevue.org/vite/) and was wondering if anyone had experience of how to load libraries for UI kits into WeWeb.

There are a couple of different ways to do it, such as loading PrimeVue and Vue.js from a CDN with a script tag vs loading at the app level.

Can anyone explain the right approach that would deliver the best performance and limit any incompatibilities with the WeWeb wrapper?

---

<div class="post-metadata">

### Author: ![benFortunato](https://avatars.discourse-cdn.com/v4/letter/b/6de8d8/32.png) [@benFortunato](https://community.weweb.io/u/benFortunato)
#### Post date: [February 17, 2024, 2:41pm UTC](https://community.weweb.io/t/installing-libraries-with-npm-for-ui-kit-components/7082/2 "2024-02-17T14:41:13Z")

</div>

> [@benFortunato](#):
>
> . [https://youtu.be/erhzQbhBvJI?t=2474](https://youtu.be/erhzQbhBvJI?t=2474)

Looks like there is a similar thread about installing libaries in general here: [Is it possible to use external libraries/packages/plugins while creating custom components](https://community.weweb.io/t/is-it-possible-to-use-external-libraries-packages-plugins-while-creating-custom-components/2897)

---

<div class="post-metadata">

### Author: ![dorilama](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorilama/32/10403_2.png) [@dorilama](https://community.weweb.io/u/dorilama)
#### Post date: [February 17, 2024, 3:56pm UTC](https://community.weweb.io/t/installing-libraries-with-npm-for-ui-kit-components/7082/3 "2024-02-17T15:56:30Z")

</div>

I think your problem here is that you need to access the vue app instance and it looks like [it’s not possible at the moment](https://community.weweb.io/t/install-plugin-in-the-root-of-the-project/6995/2)

---

<div class="post-metadata">

### Author: ![benFortunato](https://avatars.discourse-cdn.com/v4/letter/b/6de8d8/32.png) [@benFortunato](https://community.weweb.io/u/benFortunato)
#### Post date: [February 17, 2024, 4:32pm UTC](https://community.weweb.io/t/installing-libraries-with-npm-for-ui-kit-components/7082/4 "2024-02-17T16:32:27Z")

</div>

I found a solution from Ray deck of statechange. [https://pro.statechange.ai/](https://pro.statechange.ai/) on how to install PrimeVue I’ve asked him if I can share with the broader community.

---

<div class="post-metadata">

### Author: ![julian](https://avatars.discourse-cdn.com/v4/letter/j/74df32/32.png) [@julian](https://community.weweb.io/u/julian)
#### Post date: [February 24, 2024, 10:40am UTC](https://community.weweb.io/t/installing-libraries-with-npm-for-ui-kit-components/7082/5 "2024-02-24T10:40:50Z")

</div>

@benFortunato can you share more information on how to install UI libraries in a WeWeb project?

---

<div class="post-metadata">

### Author: ![Antoinemazu](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/antoinemazu/32/13392_2.png) [@Antoinemazu](https://community.weweb.io/u/Antoinemazu)
#### Post date: [November 7, 2025, 5:01pm UTC](https://community.weweb.io/t/installing-libraries-with-npm-for-ui-kit-components/7082/6 "2025-11-07T17:01:52Z")

</div>

I’d be happy also to know how you can make it “easily“ as currently I only managed to create my own library of reusable component. I just decide of my design system and then it’s all reusable components.

I’ve shared it in the marketplace: [WeWeb Marketplace](https://marketplace.weweb.io/libraries/f1771d1c-2552-4fea-aaab-f8d36b323efc/)
