Without custom CSS styles, they’ll still look like normal radio inputs. But when the user clicks to select a button they’ll get a crazy animation effect. You can see live examples on the main Radiobox page which demos each style next to its name.

You can install Radiobox straight from npm or bower, or even download the files locally to your machine. GitHub hosts all their files in a CDN if you want to play around without downloading anything.

The only file you need is radiobox.min.css which should go right into your document head. From there, you just add a simple class to each radio button depending on the animation you want.

Here’s a code snippet for the “boing” effect:

<input type="radio" class="radiobox-boing">

Note the “boing” animation does have its own CSS file called boing.min.css. This has to be included if you plan to use that effect on the page.

When you download Radiobox you should get a demo directory with live demos for all these effects. You can simply copy/paste the code directly to your page to get it working without hassle.