About this Component
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
