Code
Snippet
/ 

Random Shuffle Sort CMS Items

View 
 
Snippet
*
 ↗
View 
Snippet
 ↗
Random Shuffle Sort CMS Items

When the page loads, randomize the sort order of a list of items like in a CMS collection list. Update the ‘.collection-list’ text in the code to the class/id/attribute on your collection list element. See it in action here: https://codepen.io/cmoen89/pen/zYzYVPE

Tags

Javascript
Jquery
CMS
Random

Industries

Creators

Corey Moen

Share this item

Twitter
Facebook
LinkedIn

Related items

Load more

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
2.5.21

Similar items

Items
0
Layout
Grid View
Row View
Featured
Preview
↗

Collaborate on designs and website review

Lucidly is a proofing tool that makes it easy to comment, review, and collaborate on any website or design asset. Streamline your feedback with fast navigation and organized Kanban views.
View item
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Grace&Favour
Inspo
Website
/ 

Grace&Favour

6.9.25
Interior Design, Agency, Portfolio, Webflow, GSAP
Lumana Studio
Inspo
Website
/ 

Lumana Studio

6.9.25
Creative, Agency, Portfolio, Webflow, GSAP
OMVC
Inspo
Website
/ 

OMVC

6.9.25
Financial, Portfolio, Marketing, Webflow, GSAP, Peter Dimitrov
Anima Jewelry
Inspo
Website
/ 

Anima Jewelry

6.5.25
Fashion, Ecommerce, Marketing, Webflow
Wispr Flow
Inspo
Website
/ 

Wispr Flow

6.4.25
AI, SAAS, Workflow, Marketing, Webflow, GSAP
Cotton Candy
Inspo
Website
/ 

Cotton Candy

6.4.25
Transportation, Travel, Landing, Scrollytelling, Webflow, GSAP
Tiempo
Inspo
Website
/ 

Tiempo

6.2.25
Fitness, Mobile Apps, Landing, Framer
Wildy Riftian
Inspo
Website
/ 

Wildy Riftian

6.2.25
Creative, Personal, Portfolio, Framer
Control
Tools
App
/ 

Control

6.2.25
Creative, SAAS, Website Builder
Xavier Cédric
Inspo
Website
/ 

Xavier Cédric

6.2.25
Creative, Personal, Portfolio, Webflow, GSAP
Morph
Code
Library
/ 

Morph

6.2.25
AI, Dev Tools, API, Extending, Workflow
Attain
Inspo
Website
/ 

Attain

5.30.25
Legal, Financial, Industrial, Transportation, Trades, Agency, Portfolio, Webflow, GSAP, Kyle Craven
The Thiings Collection
Tools
Directory
/ 

The Thiings Collection

5.30.25
Creative, Assets, Gallery, 3D
Data Fetcher
Tools
App
/ 

Data Fetcher

5.29.25
No-code, SAAS, Data Management, AI, API, Automation, Workflow, Extending, Airtable
TED Conferences
Inspo
Website
/ 

TED Conferences

5.29.25
Events, Marketing, Gallery, Webflow, GSAP, Whiteboard
Karim Saab
Inspo
Website
/ 

Karim Saab

5.28.25
Creative, Personal, Portfolio, Webflow, GSAP
MyHealthPrac
Inspo
Website
/ 

MyHealthPrac

5.28.25
Health & Wellness, SAAS, Landing, Webflow, GSAP, Artemii Lebedev
The Uncommon Founder
Inspo
Website
/ 

The Uncommon Founder

5.23.25
Education, SAAS, Community, Portfolio, Framer, Bryn Taylor
Meme creator
Inspo
Website
/ 

Meme creator

5.23.25
Web3, Crypto, Creative, Marketing, Webflow, GSAP
Chronically Online Magazine
Inspo
Website
/ 

Chronically Online Magazine

5.23.25
Editorial, Marketing, Webflow, GSAP
Vizcom
Inspo
Website
/ 
App

Vizcom

5.19.25
Creative, SAAS, 3D, Workflow, Framer
Dolsten & Co.
Inspo
Website
/ 

Dolsten & Co.

5.16.25
AI, Creative, Agency, Portfolio, Webflow, GSAP
The History of Jailhouse Lawyers
Inspo
Website
/ 

The History of Jailhouse Lawyers

5.13.25
History, Scrollytelling, Webflow, Tubik
Clarion
Inspo
Website
/ 

Clarion

5.13.25
AI, SAAS, Marketing, Webflow, GSAP
Deck Doctors
Inspo
Website
/ 

Deck Doctors

5.13.25
Creative, Agency, Portfolio, Webflow, GSAP
Debtfindr
Inspo
Website
/ 

Debtfindr

5.13.25
Financial, SAAS, Mobile Apps, Landing, Webflow
Interise Solutions
Inspo
Website
/ 

Interise Solutions

5.12.25
Creative, Agency, Portfolio, Webflow
Chargetrip
Inspo
Website
/ 

Chargetrip

5.12.25
Transportation, SAAS, Dev Tools, Marketing, Framer
The1
Inspo
Website
/ 

The1

5.12.25
Housing, Real Estate, Landing, Scrollytelling, Framer
Noder for Framer
Tools
Utility
/ 
Website

Noder for Framer

5.12.25
No-code, Dev Tools, Creative, Automation, Extending, Formulas, Framer
Clear
Inspo
Website
/ 

Clear

5.12.25
Transportation, Security, Marketing, Webflow
Penpot
Tools
App
/ 

Penpot

5.9.25
Creative, SAAS, Dev Tools, Design System, Workflow, Figma
Ryan S. Hicks
Inspo
Website
/ 

Ryan S. Hicks

5.7.25
Creative, Personal, Portfolio, Webflow
Allies
Inspo
Website
/ 

Allies

5.6.25
Creative, Agency, Portfolio, Webflow, Jo Mor
TensorStax
Inspo
Website
/ 

TensorStax

5.5.25
AI, Data Management, Landing, Webflow, GSAP, Artemii Lebedev
OXI Instruments
Inspo
Website
/ 

OXI Instruments

5.5.25
Music, Marketing, Ecommerce, Webflow, GSAP, Artemii Lebedev
Autoplaying Swiper Slider
Tools
Component
/ 

Autoplaying Swiper Slider

5.5.25
No-code, Dev Tools, Slider, Javascript, Extending, Webflow, Swiper
Eduard Bodak
Inspo
Website
/ 

Eduard Bodak

5.5.25
Creative, No-code, Personal, Portfolio, Webflow, GSAP, Tiny Mighty Buttons
The Visual IDE
Learn
Article
/ 

The Visual IDE

5.5.25
AI, No-code, Dev Tools, Collaboration , Workflow
Gsap X Webflow
Inspo
Website
/ 

Gsap X Webflow

5.5.25
Creative, No-code, Dev Tools, Components, Gallery, Javascript, Animation, Interactions, Webflow, GSAP
ion design
Tools
App
/ 
Website

ion design

5.5.25
AI, Creative, SAAS, Collaboration , Marketing, Workflow, Framer
Envato InspoGen
Tools
App
/ 

Envato InspoGen

5.5.25
AI, Creative, Gallery, Workflow
Architects x Sinyard Design
Inspo
Website
/ 

Architects x Sinyard Design

5.2.25
Music, Landing, Ecommerce, Framer
Bee
Inspo
Website
/ 

Bee

5.1.25
AI, Technology, Marketing, Ecommerce, Webflow, GSAP
Viacheslav Novoseltsev
Inspo
Website
/ 

Viacheslav Novoseltsev

4.30.25
Creative, Personal, Portfolio, Webflow, GSAP
Niklas Bubori
Inspo
Website
/ 

Niklas Bubori

4.28.25
Creative, No-code, Personal, Portfolio, Webflow
Athleats
Inspo
Website
/ 

Athleats

4.28.25
Health & Wellness, Food & Beverage, SAAS, Marketing, Webflow, GSAP
Mocha
Tools
App
/ 

Mocha

4.28.25
AI, Website Builder, Web Apps
Hana
Learn
Article
/ 

Hana

4.24.25
Creative, Motion Design, Interactions, SVG, Animation, Workflow, Spline
Warp
Tools
App
/ 

Warp

4.24.25
AI, Dev Tools, Web Apps
Zig Zag Creative
Inspo
Website
/ 

Zig Zag Creative

4.23.25
Creative, No-code, Personal, Portfolio, Webflow, GSAP
Keith Chan
Inspo
Website
/ 

Keith Chan

4.23.25
Creative, Personal, Portfolio, Webflow
Load more

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.