Random Background

Random Background selects a color from either a generated palette or your own custom color list, creating a simple way to make layouts feel more playful and dynamic.

Unlock entire Depth library for $149. One price. Lifetime. Get Depth Add a changing color background to any section, frame, or page. Random Background selects a color from either a generated palette or your own custom color list, creating a simple way to make layouts feel more playful and dynamic. You can keep one randomly selected color on each page load or let visitors generate a new background color by clicking the component. How to use Drop the component into your layout and set it to fill the area you want to color. Choose between automatically generated colors or create a custom palette from the properties panel. Enable the click interaction to select a new color whenever the background is clicked, then adjust the fade duration to control how smoothly colors transition. Features Random background color on page load Automatically generated or custom color palettes Add and remove custom colors Optional click-to-randomize interaction Adjustable fade transition duration Smooth transitions between colors Works inside sections, frames, and full-page layouts Responsive across desktop, tablet, and mobile No setup or coding required Refund Policy: Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout. Support: hi@alicorak.com

Changing color background