Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including react-random-roller with all npm packages installed. Try it out:

require("react/package.json"); // react is a peer dependency. var reactRandomRoller = require("react-random-roller")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

react-random-roller v0.1.1

A random item picker

React Random Roller

Random list selecting component tool thing


I wanted to recreate the old UrbanSpoon random food selector and the idea for this component was born.

Tech/framework used

Built with


Randomly selects an item from a list, visually.

Code Example


import RandomRoller from 'react-random-roller';

<RandomRoller list={ ['Hello,', 1, <p>world</p>] } />


npm i -S react-random-roller

API Reference

1. RandomRoller

Random Selection Component


<ReactRoller fps={ 60 } duration={ 2000 } list={ [1, 2, 3, 4, 5, 6] } />
PropertyTypeRequiredDefault valueDescription
classNamestringno<See the source code>Custom css class for the component
fpsnumberno60Frames per second the item should be animating at
durationnumberno2000Amount of time the animation should last in milliseconds
listarrayyesList of items to select from


At this time there are no test in place, I hope to get to that in the near future


If you would like to contribute, please fork this repo and submit a pull request. Thank you!


MIT © Corey Trombley

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free