# \[Noob question\] (How) can I create custom layout components like sliders, banners and so on?

**URL:** <https://discourse.getcockpit.com/t/noob-question-how-can-i-create-custom-layout-components-like-sliders-banners-and-so-on/2072>\
**Category:** Support\
**Created:** [September 15, 2021, 12:36pm UTC](https://discourse.getcockpit.com/t/noob-question-how-can-i-create-custom-layout-components-like-sliders-banners-and-so-on/2072 "2021-09-15T12:36:57Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jamo](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.getcockpit.com/jamo/32/1117_2.png) [@Jamo](https://discourse.getcockpit.com/u/Jamo)\
**Post date:** [September 15, 2021, 12:36pm UTC](https://discourse.getcockpit.com/t/noob-question-how-can-i-create-custom-layout-components-like-sliders-banners-and-so-on/2072/1 "2021-09-15T12:36:57Z")

</div>

Hey again.

I’m sure this is a very easy question, but I just can’t find a solution to that.

I have a collection for all of my pages. The frontend always requests the needed page by applying a filter to the name of the page. This is what the collection looks like:

 ![image](https://canada1.discourse-cdn.com/flex030/uploads/getcockpit/original/1X/45626c05e415ecee2837859a41ad19c2dac16161.png)

As you can see, there are three fields. The first two ones are meta attributes. The third field is a layout field. This is where I maintain all of the contents, like Titles, texts and images, for the according page.

This is working really good with my current frontend setup.

But now I’m wondering how I can create custom components for the Layout field (called “pagecontents” in the image above). As well all know, some webpages have special components like customer quotes, banners with text, trustpilot scores and so on.

Is it possible, and if yes how, to create such elements as custom components for the layout field?

Thanks in advance for your help! And again I want to apologize if my question is a bit doo doo.  
Have a great day!

---

<div class="post-metadata">

**Author:** ![abernh](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.getcockpit.com/abernh/32/859_2.png) [@abernh](https://discourse.getcockpit.com/u/abernh)\
**Post date:** [September 15, 2021, 8:18pm UTC](https://discourse.getcockpit.com/t/noob-question-how-can-i-create-custom-layout-components-like-sliders-banners-and-so-on/2072/2 "2021-09-15T20:18:07Z")

</div>

I don’t have much experience with the layout field myself yet, but browsing the forum I found this addon

> **[GitHub - agentejo/LayoutComponents: Manage global layout-builder components -...](https://github.com/agentejo/LayoutComponents)**
>
> Manage global layout-builder components - Cockpit addon - GitHub - agentejo/LayoutComponents: Manage global layout-builder components - Cockpit addon

via [Layout field type - #2 by artur](https://discourse.getcockpit.com/t/layout-field-type/303/2)

Is this what you were looking for?

---

<div class="post-metadata">

**Author:** ![Jamo](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.getcockpit.com/jamo/32/1117_2.png) [@Jamo](https://discourse.getcockpit.com/u/Jamo)\
**Post date:** [September 16, 2021, 6:24am UTC](https://discourse.getcockpit.com/t/noob-question-how-can-i-create-custom-layout-components-like-sliders-banners-and-so-on/2072/3 "2021-09-16T06:24:41Z")

</div>

@abernh Really strange. I’ve been searching for almost two days before asking this question to prevent asking something that has already been answered. No idea how I haven’t found that repo.

Anyhow. This was exactly what I was looking for! Thanks a lot!

Cheers