# Custom library in the Insert panel

**URL:** <https://forum.pinegrow.com/t/custom-library-in-the-insert-panel/8437>\
**Category:** General\
**Created:** [October 15, 2023, 9:26pm UTC](https://forum.pinegrow.com/t/custom-library-in-the-insert-panel/8437 "2023-10-15T21:26:40Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![tytusie](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/tytusie/32/6914_2.png) [@tytusie](https://forum.pinegrow.com/u/tytusie)\
**Post date:** [October 15, 2023, 9:26pm UTC](https://forum.pinegrow.com/t/custom-library-in-the-insert-panel/8437/1 "2023-10-15T21:26:40Z")

</div>

Hello World 👋

_**I’d like to make myself a collection of elements i found on [Accordion | Framework7 Documentation](https://framework7.io/docs/accordion) (the link is just an example, if you look on the left there’s a list of all the components provided) I’d like the idea of having a sort of custom library to pick from the elements that i need often.**_

 ![immagine](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/7/7a6e9e8763fb57d1036d65a5e48577cdd6f2bef9.png)

On their page, there all the instructions on how to create the element so that you just need to adjust the content, but the skeleton is ready.

My idea is that i’d need to create an HTML page with all of them and then assign a selector for ex. “.t-component” so that the elements can be picked … but in all honesty, i think a little start video tutorial, would be really helpfull, just to see the logic of doing it or maybe there is already one so a link, would be also really appreciated. Note - i already looked at the documentation page, but to my understanding, the example of Material Kit is based on something that exist already, so my question here is how can i make my own (and btw, the Framework7 is just an example, don’t know that framework and probably i don’t need it, i like my css, even if it’s not perfect, but it teach me the way of doing things. )

---

<div class="post-metadata">

**Author:** ![TechAkayy](https://avatars.discourse-cdn.com/v4/letter/t/ce73a5/32.png) [@TechAkayy](https://forum.pinegrow.com/u/TechAkayy)\
**Post date:** [October 15, 2023, 9:51pm UTC](https://forum.pinegrow.com/t/custom-library-in-the-insert-panel/8437/2 "2023-10-15T21:51:44Z")

</div>

I think you might be after @Dom’s tutorial, link in this post 👍🏽

> [@Flowbite Components as Library resource](https://forum.pinegrow.com/t/flowbite-components-as-library-resource/7243/10):
>
> @sydantes I have now fleshed out a tutorial on the whole process of creating a custom library from start to finish, introducing the concepts of Pinegrow components and Master pages. Hope it proves useful. You can find it [here](https://github.com/domsinclair/PinegrowBits/blob/master/createlibrary.md) Blockquote