Slot Machine 4
Stop Making Boring Webpages
Slot Machine ensures that your webpages don't have the same exact content every time the page loads. This makes the site more exciting and keeps visitors engaged. The random content is chosen on the server. This means that only the data for content chosen will be downloaded by the browser. This is makes browsing your site much faster since only the content needed gets downloaded.
Upgrade Eligible
Key Features
Works in Any Theme
Slot Machine will work in your favorite theme.
Hide on the Server
Makes webpages load faster! Only the content chosen will be downloaded to the browser.
Displays Random Content
Add as many possible slots as you want and Slot Machine will randomly choose one to display on each page load.
Randomize
Randomize content in a any grid or layout on page load or with a click of a button.
Random Image
Have a folder of images on a server? Random Image can randomly (or in order) choose an image from that and show it on your site.
Particle Generator
Automatically duplicate a single piece of content an unlimited number of times. You can also inject data into each particle to make it more unique.
{{{ icon }}}
{{ title }}
{{{ summary }}}
Demo
Slot Machine
The below demo is a simple 3 column stack with a Slot Machine stack in each column. If you were to refresh the page, you would see the content randomly change to something different.
While this demo is only shuffling between images, Slot Machine can randomly pick content with entire layouts with multiple stacks inside.
Slot Machine ensures that your webpages don't have the same exact content every time the page loads. This makes the site more exciting and keeps users engaged.
Randomize
The Randomize stack does not show/hide content. Instead it allows you to shuffle content that is already on the page. The shuffling of items on the page can happen on page load and also with the click of a button, link, or any other stack that you want.
Randomize has integrations with many your favorite stacks so that you can easily randomize their content such as Horizon, Total CMS, Foundation, Video Wall and more.
1
2
3
4
5
6
7
8
9
10
Random Image
The Random Image stack allows you to randomly display one of more images from a folder of images on your server. It can display the images on your webpage in the order order that they are stored on your server (alphabetical), or it can randomly shuffle them. It keeps track of the images already added to the page so that you will not get duplicates until all images have been used.
Particle Generator
The Particle Generator can take any layout build with stacks and replicate it any number of times. However, who wants the same exact content over and over again. You can add particle data into your content to add variety.
Say Hello to 5 Friends
In this first example, the name at the end of each header is randomly injected from a list of possibilities that I provide. This is a simple example to get you to better understand what Particle Generator is doing.
The following data is passed to the generator in order to create the headers:
Scott,Davide,Chris,Bret,Brian,Andrew,Paul,Gary,Brent,Wolf,Josh,Jacob,Jessica,Fran
Hello Josh!
Hello Fran!
Hello Brian!
Hello Wolf!
Hello Gary!
50 Randomly Generated Boxes
In this second example, we are creating 50 boxes that are of a random size and color. In order to accomplish this we are using 2 particle data points that are added to the class of each box. These classes control the size and background color of the boxes using Foundation swatches or CSS.
Fun with Drift
Let's have some fun. We can use Particle Generator with Drift Pro (sold separately) to animate all of the boxes that we just created.
Prototyping
Let's say that you are prototyping a webpage. You would like to create a grid of 15 items with data. This could take a long time to build manually. However, you could build this with Particle Generator in the almost the same time as it take you to build just one of those items.
Jessica
CEO
Josh
slave
Jacob
bottle washer
Davide
janitor
Jessica
CEO
Andrew
janitor
Jacob
slave
Chris
bottle washer
Jacob
slave
Wolf
CEO
Jessica
slave
Davide
bottle washer
Paul
CEO
Jacob
bottle washer
Scott
CEO
Reviews
We have recently started gathering reviews for our products. So if you don't see a review above, be the first to submit a review and let others know how you like this stack.
Screenshots
Tutorials
Loading...
Downloads
Slot Machine Demo Project
Uploaded by Weaver's Space
Fun with Circles
Here is the project from the Fun with Circles live stream
Uploaded by Weaver's Space
{{ title }}
{{{ description }}}
Uploaded by {{{ from }}}
Updates
v4.2.2
- Fixed max width setting in Random Image
v4.2.1
- The Random Image stack is a bit more flexible with your domain. It no longer compares the sample image URL with theurl set in your project setting. It will simply analyze the path and look for it on whatever domain you are on.The folder of images still needs to exist on the domain that you are publishing to though. This will make things moreflexible if you are temporarily publishing to a test subdomain.
v4.2.0
- New option in Slot Machine for a return count. This allows you to return more than one slot at a time. For example:if you wanted to display 5 out of 30 items. It's now really easy to do that with a single Slot Machine stack.
v4.1.0
- New
{{index}}and{{indexABC}}macros can be used to insert the current index of the generated item in number or letter format
v4.0.2
- New online Help links when access from inside Stacks Library.
- Improved messages when stacks are missing from library in a project.
v{{ version }}
{{{ notes }}}
© 2025 Weavers Space | Terms of Service | Privacy Policy