# 🎉 It's HERE! Dynamic Background Component NOW available in the Component Marketplace!

**URL:** <https://forum.adalo.com/t/its-here-dynamic-background-component-now-available-in-the-component-marketplace/29797>\
**Category:** Resources & Tutorials\
**Created:** [July 21, 2022, 9:00pm UTC](https://forum.adalo.com/t/its-here-dynamic-background-component-now-available-in-the-component-marketplace/29797 "2022-07-21T21:00:14Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![James\_App\_Maker](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/james_app_maker/32/37288_2.png) [@James\_App\_Maker](https://forum.adalo.com/u/James_App_Maker)\
**Post date:** [July 21, 2022, 9:00pm UTC](https://forum.adalo.com/t/its-here-dynamic-background-component-now-available-in-the-component-marketplace/29797/1 "2022-07-21T21:00:14Z")

</div>

Hey Everyone!

The component you’ve been waiting for! It’s finally here. The dynamic background component makes your UX experience for your users go to a **whole NEW level**!

 ![dynamic background cover](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/d/0/d0e611664ee78a30e60c5070886382e5958fb087.jpeg)

GRAB it now for $20!

Here’s a video of it working:  
[https://watch.screencastify.com/v/uSxJMWGQy8thCweP3rl0](https://watch.screencastify.com/v/uSxJMWGQy8thCweP3rl0)

---

<div class="post-metadata">

**Author:** ![endieumunna](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/endieumunna/32/16196_2.png) [@endieumunna](https://forum.adalo.com/u/endieumunna)\
**Post date:** [July 21, 2022, 9:01pm UTC](https://forum.adalo.com/t/its-here-dynamic-background-component-now-available-in-the-component-marketplace/29797/2 "2022-07-21T21:01:57Z")

</div>

What does it do? And what if I use an image property as background?

---

<div class="post-metadata">

**Author:** ![James\_App\_Maker](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/james_app_maker/32/37288_2.png) [@James\_App\_Maker](https://forum.adalo.com/u/James_App_Maker)\
**Post date:** [July 21, 2022, 9:03pm UTC](https://forum.adalo.com/t/its-here-dynamic-background-component-now-available-in-the-component-marketplace/29797/3 "2022-07-21T21:03:20Z")

</div>

You can dynamically change the background to an image or color with my component.

If you use a regular image component from Adalo it won’t resize correctly.

---

<div class="post-metadata">

**Author:** ![Mark-679](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/mark-679/32/22206_2.png) [@Mark-679](https://forum.adalo.com/u/Mark-679)\
**Post date:** [July 21, 2022, 9:14pm UTC](https://forum.adalo.com/t/its-here-dynamic-background-component-now-available-in-the-component-marketplace/29797/4 "2022-07-21T21:14:40Z")

</div>

The component looks nice. How long did it take you to make the component?

---

<div class="post-metadata">

**Author:** ![James\_App\_Maker](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/james_app_maker/32/37288_2.png) [@James\_App\_Maker](https://forum.adalo.com/u/James_App_Maker)\
**Post date:** [July 21, 2022, 9:15pm UTC](https://forum.adalo.com/t/its-here-dynamic-background-component-now-available-in-the-component-marketplace/29797/5 "2022-07-21T21:15:12Z")

</div>

Thanks! It took 1 week to make and another week to fix bugs.

---

<div class="post-metadata">

**Author:** ![endieumunna](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/endieumunna/32/16196_2.png) [@endieumunna](https://forum.adalo.com/u/endieumunna)\
**Post date:** [July 21, 2022, 10:03pm UTC](https://forum.adalo.com/t/its-here-dynamic-background-component-now-available-in-the-component-marketplace/29797/6 "2022-07-21T22:03:44Z")

</div>

Cool

---

<div class="post-metadata">

**Author:** ![James\_App\_Maker](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/james_app_maker/32/37288_2.png) [@James\_App\_Maker](https://forum.adalo.com/u/James_App_Maker)\
**Post date:** [July 23, 2022, 1:33am UTC](https://forum.adalo.com/t/its-here-dynamic-background-component-now-available-in-the-component-marketplace/29797/7 "2022-07-23T01:33:58Z")

</div>

The demo works now. To see the component demo, go to the Adalo editor and then go the marketplace and search “dynamic background” and it will show up. Click on it and then click on demo.
