Random CMS Shuffler
A component that randomizes the order of items from your CMS collection every time the page loads with the option to limit the number of items
Make it with Workshop
Build your own component with AI
A component that randomizes the order of items from your CMS collection every time the page loads with the option to limit the number of items
Make it with Workshop
Build your own component with AI
CMS Shuffler is a component that randomizes the order of items from your CMS collection every time the page loads. It takes your connected CMS data and displays it in a shuffled arrangement, perfect for keeping content fresh and dynamic without manual updates.
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
Copy and paste the CMS Shuffler component into your Framer project file
Connect it to your CMS collection via the Collection property
Customize the layout by selecting Vertical Stack, Horizontal Stack, or Grid from the Layout dropdown (for Grid, adjust the Grid Columns number as needed)
Set your spacing preferences using Gap X and Gap Y sliders, enable Add Limit toggle if you want to show only a limited number of items, and adjust the Item Limit number accordingly
Connect your CMS collection to the Collection property. Choose your preferred layout (Vertical Stack, Horizontal Stack, or Grid). For grid layout, set the number of columns. Adjust Gap X and Gap Y to control spacing between items. Enable "Add Limit" if you want to display only a specific number of shuffled items, then set your desired Item Limit.
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.
