Random Layer Picker
This component randomly selects and displays a specified number of items from a collection of component instances each time the page loads.
Make it with Workshop
Build your own component with AI
This component randomly selects and displays a specified number of items from a collection of component instances each time the page loads.
Make it with Workshop
Build your own component with AI
This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click here to see the full library
Add the Random Picker component onto your canvas
Add all the component instances you want to randomly pick from by clicking the "Items" property and selecting multiple components from your canvas
Customize the display settings—set how many items to show, choose a layout (vertical, horizontal, or grid), adjust the number of columns if using grid layout, and set the gap between items
Preview or publish your site to see random items displayed—refresh the page to see different items appear each time
This is a code component that takes multiple component instances and randomly displays a subset of them. Connect all the items you want to randomly choose from using the "Items" array property, then set how many items should appear using "Number to Show." The component includes layout controls to arrange your random items vertically, horizontally, or in a grid format. If you choose grid layout, you can specify the number of columns. The gap property controls spacing between items. Every time someone visits or refreshes the page, different random items from your collection will be displayed.
When you purchase this component, you'll receive:
The Component Itself - Full access to the component all future updates
Remix File with Component Setup - A complete Remix file with the component pre-configured and ready to integrate into your project.
Setup Instructions - Clear, step-by-step instructions to help you implement the component quickly and correctly.
Dedicated Support - Direct access to our team for assistance if you encounter any issues during setup or implementation.
For any queries and help setting up the component, contact hello@segmentui.com
If a component does not function as advertised and the issue cannot be resolved, you are eligible for a full refund under our quality guarantee. Refunds will not be provided for any other reasons, including change of mind, accidental purchase, lack of use, or expectations of features not explicitly advertised.
