117 CSS Radio Button Plugins

This is a CSS only accordion UI component which utilizes a radio button hack. .....
Accordions

A CSS Trick to style a radio button . Resource: http://css-tricks.com/almanac/selectors/c/checked/ .....
Radio Button

Based on the webdesign tuts+ article (link below) but instead of using images I used only css. http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-easy-css3-checkboxes-and-radio-buttons/ .....
Radio Button

A simple and elegant CSS radio button .....
Radio Button

CodePen demo for: http://kyusuf.com/post/completely-css-custom-checkbox-radio-buttons-and-select-boxes .....
Radio Button

Replaces radio button group with filled in stars. This allows you to use a normal radio button form and simply submit the selected value. .....
Radio Button

Gooey wobbly radio buttons .....
Radio Button

An elaborate radio button animation .....
Radio Button

Custom checkbox and radio button that really works. You also may like Custom checkbox and radio button that really works v2 . .....
Radio Button

This uses standard radio buttons and checkboxes, but adds font icons for flexibility in considering touch devices that need a larger area. One can touch the icon or the label to select. This method places two different icons in t.....
Radio Button

Option image example for: http://stackoverflow.com/questions/3896156/how-do-i-style-radio-buttons-with-images-laughing-smiley-for-good-sad-smiley .....
Radio Button

A less-weird-but-still-weird remix of 'Swappy radios' .....
Radio Button

Checkboxes and radio buttons with a custom font icon. Works cross browser on modern browsers. .....
Radio Button

I made this pen to practice writing more semantic and accesible html. I previously made a pen about: CSS radio buttons. So because of that, I think a form could be a great start for me to practice and learn how to write better HT.....
Radio Button

A Fancy Checkbox/Radio buttons with small transition, enjoy it! .....
Radio Button

First example of some simple custom checkboxes and radio buttons made with pure (s)css. These only work in chrome, but fallback to the native ones in other browsers. .....
Radio Button

The bi-directional animation is done by using ~ sibling selectors. ps. WebKit only -> uses appearance:none; .....
Radio Button

Display standard html radio buttons as toggle buttons. Full blog post: https://thestizmedia.com/radio-buttons-as-toggle-buttons-with-css/ .....
Radio Button

???radio button??? .....
Radio Button

pure css option with native radio and checkbox .....
Radio Button

Checkboxes and radio buttons with a border checked state via an inset box shadow. Works cross browser on modern browsers. .....
Radio Button

A visual card-based alternative to traditional radio inputs - no JS required. Accessible, cross-browser compatible, and mobile-friendly. .....
Radio Button

Custom radio inputs I built for work, inspired by Google's Material Design. CSS only. .....
Radio Button

Tutorial from the archives, published in October 2012. .....
Radio Button

4 different ways to easily customize radio buttons. Inspiration: design.google.com/articles/evolving-the-google-identity/ .....
Radio Button

This is a requirement very common in big data forms to fill-up. For those non-professional programmers, a handy minimal version. .....
Radio Button

Testing out some input radio selecting concept with an animated slide to whow which one is selected. .....
Radio Button

Sample JqueryUI based Radio button Selection with custom styling using unordered list .....
Radio Button

Simple CSS implementation of a material design radio button. Tested in Chrome, Safari, Internet Explorer 11 and Firefox. .....
Radio Button

Sticky Radio Button Enjoy this flat and simple styling of radio button in only vanilla CSS :) .....
Radio Button

This pen shows how to style checkboxes and radio buttons with plain CSS. Please check out the tutorial at http://www.8bit-code.com/article/styling-checkboxes-and-radio-buttons-with-css .....
Radio Button

Ripple animation on input type radio and Checkbox . more info https://goo.gl/VoFJrw .....
Radio Button

playing around with radios to create something like a very simple css based slideshow/click through box .....
Radio Button

Only CSS sliding radio buttons .....
Radio Button

.....
Radio Button

Checkboxes and Radio Buttons with SVG by twitter/@crnacura Article: http://tympanus.net/codrops/2013/10/15/animated-checkboxes-and-radio-buttons-with-svg/ .....
Radio Button

Animated switch build with radio buttons. .....
Radio Button

.....
Radio Button

Simple shape styles for radio and checkbox buttons .....
Radio Button

A simple input radio style. Sass is the way! .....
Radio Button

AngularJS Checkbox vs. Radio Buttons for boolean data .....
Radio Button

Originally forked from Bennett Feely's Fluid Radio Buttons: http://codepen.io/bennettfeely/pen/Bmzeg .....
Radio Button

Inspired by this shot: https://dribbble.com/shots/2236793-Vintage-Flip-Clock I decided to add a radio button because I love any excuse to use some old timey radio .....
Radio Button

Radio buttons that are styled as actual buttons. CSS only. .....
Radio Button

Styling rating stars with radio inputs. My No JS Collection .....
Radio Button

Yeh Yeh, I know they've been done to death. :P There's a little jquery helper/plugin to go along with these. .....
Radio Button

A demo showing some radio box and select element replacement I did recently on a project for Supereight Studio. .....
Radio Button

Using labels (with pointer-events: none) to overlay radio inputs. I was inspired to make this after reading "Dropdowns Should be the UI of Last Resort" article here: http://www.lukew.com/ff/entry.asp?1950 .....
Radio Button

.....
Radio Button

A few different checkbox styles .....
Radio Button

Flat UI checkbox & radio buttons. http://designmodo.github.io/Flat-UI/ .....
Radio Button

Fun experiment styling and animating checkboxes and radio buttons with CSS3! .....
Radio Button

This is a very simple rating system that uses smiley faces to measure customer satisfaction. The styling is created with only CSS and the radio button html property. .....
Radio Button

SASS component for enabling larger, custom CSS radio buttons. Unfortunately it doesn't work in Firefox (but does fall back to native radios). Completely customizable with SASS variables. .....
Radio Button

Focusable, inline radio buttons. Lookin' nice while keeping all the accessibility features that are baked in to lovely semantic HTML. .....
Radio Button

Animate the checking and the unchecking, using SASS and Bourbon. .....
Radio Button

Open different windows by clicking a radio buttons .....
Radio Button

.....
Radio Button

Pen built using just CSS and SVG's, no JS needed. .....
Radio Button

Pure HTML/CSS animated and styled radio buttons with label (no extra elements required). Did these for a recent project and was quite happy with them. .....
Radio Button

Simple Radio Group using Css3 .....
Radio Button

I've created input, textarea, select, checkbox and radio fields in the material style, without (much) Javascript. MIT-Licence. Source taken from https://codepen.io/jonnitto/project/editor/XRPjxx .....
Radio Button

Github repo : https://github.com/juliangarnier/3D-CSS-Solar-System Works better in webkit, buggy in FF, flat in IE. .....
Radio Button

.....
Radio Button

Recreation of Spotify artist radio thumbnails .....
Radio Button

.....
Radio Button

Checkboxes and radio buttons with a border checked state. Works cross browser on modern browsers. .....
Radio Button

Custom styled radio and checkboxes using before pseudo classes .....
Radio Button

Responstable is a CSS solution for responsive tables. It uses the HTML5 attribute data-th and the pseudo :after to create a alternate column header when in mobile view. Because it is designed mobile first you will need the respon.....
Radio Button

Using radio button to implement tab menu, without jQuery / JavaScript. .....
Radio Button

.....
Radio Button

Radio buttons reimagined. This is based on the common survey answers of "never, sometimes, often, usually, always." .....
Radio Button

.....
Radio Button

Scrolling text with radio inputs ( ie. CodePen Radio ) .....
Radio Button

Design by Salomon Aurélien @ Dribbble: http://dribbble.com/shots/1375305-FM-Radio-UI I used input[type=range] for the sliders, which are rather difficult to style for cross browser support. I initially created it in Chrome so th.....
Radio Button

Checkbox and radio inputs styled using ::before and ::after pseudoelements .....
Radio Button

Animated SVG radio buttons using CSS. .....
Radio Button

Styled radio buttons that still allows for keyboard input (at least in Chrome). .....
Radio Button

The radio button highlight travels underground Inspired by this pen: https://dribbble.com/shots/4214518-Radio-button .....
Radio Button

.....
Radio Button

.....
Radio Button

stripped down single element radio button using material ui styles based on http://material-ui.com/#/components/switches .....
Radio Button

How to Customize Checkbox and Radio Inputs with Custom CSS Source: http://www.wufoo.com/2011/06/13/custom-radio-buttons-and-checkboxes/ .....
Radio Button

.....
Radio Button

.....
Radio Button

.....
Radio Button

Using pure CSS to create a click-through cards and radio buttons. .....
Radio Button

.....
Radio Button

.....
Radio Button

Based on this design: https://dribbble.com/shots/1933701-Liquid-Radio-Button .....
Radio Button

Nice big chunky, tappable radio button inputs that are way more fun to toggle than traditional radio inputs. .....
Radio Button

.....
Radio Button

Experimenting with radio inputs and accordions. Not very semantic. .....
Radio Button

Based off of Nate Wiley's "Styled Radio Buttons" pen. Similar concept but with a flat design. Play around with color variables ($red, $blue, $green) to adjust the colors of the buttons. .....
Radio Button

Radio Button List with mouse hover moving marker on css3 .....
Radio Button

A 100% pure CSS image slider with next/previous buttons, nav dots and image transitions. Updated with simplified HTML and CSS, better image transitions and resized images. .....
Radio Button

A few different minimal styles for on/off radio inputs. Clicking anywhere in the oblong switch will toggle the value, as will clicking on the non-selected side's label. .....
Radio Button

An experiment in striking through parts of a sentence as a way of interacting with radio inputs... .....
Radio Button

Custom checkbox and radio button that really works v2 - lightweight jquery plugin. Documentation can be found on github on the following links: .....
Radio Button

A contact form built with Bootstrap 3. Field validation with Bootstrap Validator. .....
Radio Button

Experimenting with radio inputs and accordions. Not very semantic. .....
Radio Button

Advantages of the properties of "radio button" to create tabs using only HTML and CSS. .....
Radio Button

A simple method to collapse and expand a Bootstrap collapsable panel using radio buttons .....
Radio Button

Using :checked and :focus you can get pretty decent radio buttons. .....
Radio Button

.....
Radio Button

Interactive Radio (WIP) .....
Radio Button

Select input using radio inputs .....
Radio Button

Custom checkboxes and radio buttons with focus support. .....
Radio Button

Menu usando ícones do Font Awesome (http://fontawesome.io/) com e radio buttons. .....
Radio Button

Inspired by: http://codepen.io/kuzeko/pen/gpHyo/ .....
Radio Button

Checked radio style. Awesome. Checkboxes here: http://codepen.io/l4ci/pen/hLwEg Inspired by: http://codepen.io/jelmerdemaat/pen/KqxiI .....
Radio Button

Only supported on Webkit browsers as they support pseudo elements on checkboxes and radio buttons. Modernizr test included in the pen. .....
Radio Button

No javascript or any of that rubbish. Just a span and some pseudo content. .....
Radio Button

Advantages of the properties of "radio button" to create accordion effect using only HTML and CSS. .....
Radio Button

Custom checkbox and radio buttons with pure css .....
Radio Button

.....
Radio Button

Using CSS :before and :after psuedo-elements, this pen provides a stylish and elegant input for radio and checkbox form inputs. .....
Radio Button