# It's possible to create live components?

**URL:** <https://forum.pinegrow.com/t/its-possible-to-create-live-components/5119>\
**Category:** Components\
**Created:** [March 17, 2021, 12:52pm UTC](https://forum.pinegrow.com/t/its-possible-to-create-live-components/5119 "2021-03-17T12:52:10Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![guilhermemig17](https://avatars.discourse-cdn.com/v4/letter/g/7ba0ec/32.png) [@guilhermemig17](https://forum.pinegrow.com/u/guilhermemig17)\
**Post date:** [March 17, 2021, 12:52pm UTC](https://forum.pinegrow.com/t/its-possible-to-create-live-components/5119/1 "2021-03-17T12:52:10Z")

</div>

Hey guys, how are you?

Is it possible to create components (example: vue.js or other front-end technologies) that are files that are updated when you modify the root file?

Example:  
Let’s say I have 5 pages and they all have a footer component, when I want to update the footer just modify it and all the other pages will update automatically.

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [March 17, 2021, 3:11pm UTC](https://forum.pinegrow.com/t/its-possible-to-create-live-components/5119/2 "2021-03-17T15:11:19Z")

</div>

Hi @guilhermemig17,  
Yup - I’m sending you a link on Master pages and Components. You can have a footer as a component, update the original instance, and all the others can then be updated. Parts of components can be marked as changeable - say a page name, so that they don’t have to be identical on every page.

> **[Using Master pages in a multi-page project | Pinegrow Web Editor](https://pinegrow.com/tutorials/using-master-pages-in-a-multi-page-project/)**
>
> Using a Master page in a Pinegrow project makes building quicker and keeps your design unified.

> **[Components | Pinegrow Web Editor](https://pinegrow.com/docs/pinegrow-pro/components/)**
>
> Smart components are reusable website elements that can have editable areas. Go through this article to learn about everything you can do with them.

> **[Editable areas | Pinegrow Web Editor](https://pinegrow.com/docs/pinegrow-pro/editable-areas/)**
>
> Editable areas are used in both Master pages and Smart components. They are layout elements that can be customized on content pages and in component instances. Different aspects of elements can be…

Let me know if something isn’t clear and needs more explanation.  
Cheers,  
Bob