# Organizing Components

**URL:** <https://forum.pinegrow.com/t/organizing-components/3415>\
**Category:** Components\
**Created:** [October 7, 2019, 6:06pm UTC](https://forum.pinegrow.com/t/organizing-components/3415 "2019-10-07T18:06:04Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![bhsiao](https://avatars.discourse-cdn.com/v4/letter/b/c5a1d2/32.png) [@bhsiao](https://forum.pinegrow.com/u/bhsiao)\
**Post date:** [October 7, 2019, 6:06pm UTC](https://forum.pinegrow.com/t/organizing-components/3415/1 "2019-10-07T18:06:04Z")

</div>

I would like to use multiple components. Some of them I will use on every page such as a header/nav bar and footer.

Others would be specific to certain pages such as a side menu or price table.

What is the best way to organize these? To create one page full of components, to make a bunch of pages, each with related components?

i have found that I have trouble remembering which page i created the components on. I am preparing to make a use of components in a big way and I’d like to do it right from the beginning.

---

<div class="post-metadata">

**Author:** ![Pervasive](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pervasive/32/2251_2.png) [@Pervasive](https://forum.pinegrow.com/u/Pervasive)\
**Post date:** [October 8, 2019, 1:57am UTC](https://forum.pinegrow.com/t/organizing-components/3415/2 "2019-10-08T01:57:48Z")

</div>

I think if you check out @benhanna and his blocks for building sites, you can glean off some of his wisdom and even get some for free.

Here are some posts that I think might help:

> [@Pinegrow Plugin Marketplace](https://forum.pinegrow.com/t/pinegrow-plugin-marketplace/763):
>
> I have created a marketplace for Pinegrow Plugins and Add ons which I will officially launch soon [http://pluginsforpinegrow.com/](http://pluginsforpinegrow.com/) Right now can only add free plugins but plan to add the ability to sell plugins in the coming weeks before launching. There are no plugins uploaded yet but I will add some over the coming weeks. The site is not finished yet so there are still some bugs and things to improve. . I created this as I have a few, mostly free plugins, I want to launch and this was an easi…

> [@Free Block Kit(s) and Plugins](https://forum.pinegrow.com/t/free-block-kit-s-and-plugins/795):
>
> I thought I would make a separate thread for this, I added a free block kit from [freehtml5.co](http://freehtml5.co) ( 33 Blocks) for download and have a couple of other free plugins and kits also I will post in here also when they are ready. [http://pluginsforpinegrow.com/downloads/card-block-kit/](http://pluginsforpinegrow.com/downloads/card-block-kit/)[[cards - Free Block Kit for Pinegrow Web Editor] ](https://www.youtube.com/watch?v=ARPwYMRZXWY) Hope some people find it useful

> [@130 Blocks for Pinegrow - Loads like Bootstrap Blocks for Pinegrow](https://forum.pinegrow.com/t/130-blocks-for-pinegrow-loads-like-bootstrap-blocks-for-pinegrow/801):
>
> Introducing Chocka Blocks [http://pluginsforpinegrow.com/downloads/chocka-blocks-130-bootstrap-blocks-pinegrow/](http://pluginsforpinegrow.com/downloads/chocka-blocks-130-bootstrap-blocks-pinegrow/)[[Chocka Blocks For Pinegrow - Pinegrow Block Kit] ](https://www.youtube.com/watch?v=Y6OY4qblmvE) 130 unique, mobile first Bootstrap Blocks for Pinegrow. Rapid prototyping for Pinegrow. Build any kind of professional looking website in minutes.Now. Loads just like Bootstrap blocks for pinegrow Types of components Include: Navbars (16) Headers (13) Intros (20) Content Blocks (30) Blogs and Index Portfolios Counters T…

---

<div class="post-metadata">

**Author:** ![droidgoo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/droidgoo/32/2209_2.png) [@droidgoo](https://forum.pinegrow.com/u/droidgoo)\
**Post date:** [November 9, 2019, 12:23am UTC](https://forum.pinegrow.com/t/organizing-components/3415/3 "2019-11-09T00:23:24Z")

</div>

what did you end up doing?

---

<div class="post-metadata">

**Author:** ![Draschel](https://avatars.discourse-cdn.com/v4/letter/d/85f322/32.png) [@Draschel](https://forum.pinegrow.com/u/Draschel)\
**Post date:** [July 8, 2021, 10:47am UTC](https://forum.pinegrow.com/t/organizing-components/3415/4 "2021-07-08T10:47:07Z")

</div>

I am exactly looking for what @bhsiao was about.

How can I create libraries like that?  
I know I can create my own components but then they just gonna appear inside my element overview.  
This might work great with maybe up to 25 components but then you get lost instantly and the preview also might look terrible.

I want to achieve exactly like this (I timestamped the video link) :

[![](https://img.youtube.com/vi/Y6OY4qblmvE/maxresdefault.jpg "Chocka Blocks For Pinegrow - Pinegrow Block Kit") ](https://www.youtube.com/watch?v=Y6OY4qblmvE)

Here a screenshot of it:

 ![comp-min](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/4/406e057e59c89edc0d9e21943b480008f09e7d28.jpeg)

This is the way I want to create my own collection to get a better workflow with Pinegrow.  
So I hope there are some tutotials or at least someone who could hint me a bit.

---

<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:** [July 8, 2021, 11:47am UTC](https://forum.pinegrow.com/t/organizing-components/3415/5 "2021-07-08T11:47:56Z")

</div>

Hi @Draschel,  
So I would create a project just for my components. Then it can be loaded into other projects through the “Manage libraries and plugins” under the File menu.

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/0/02b5518977d8af2e777cc2cf241b882404ed8620.jpeg)

For organization of the components you can add sections with names. Here is a link to the documentation on this. [Components | Pinegrow Web Editor](https://pinegrow.com/docs/pinegrow-pro/components/) Naming sections is covered about 3/4 of the way down the page. I need to put anchor links in!!  
Hope this helps.  
Cheers,  
Bob

---

<div class="post-metadata">

**Author:** ![Draschel](https://avatars.discourse-cdn.com/v4/letter/d/85f322/32.png) [@Draschel](https://forum.pinegrow.com/u/Draschel)\
**Post date:** [July 8, 2021, 1:31pm UTC](https://forum.pinegrow.com/t/organizing-components/3415/6 "2021-07-08T13:31:32Z")

</div>

Thank you @RobM !!  
This is exactly what I was looking for.

Having your own library which can imported into any project with just a few clicks is so amazing 😍
