Huge Collection Of CSS Switches | Bypeople

deals

premiumpacks & huge collection of css switches (53 items)

Recompilation of switches of multiple styles, minimal, flat, realistic and more.

freebies

A nice set of switches or toggles created just with HTML and CSS. They don't require JavaScript, and its properties allow you to modify them easily...

A nice set of switches or toggles created just with HTML and CSS. They don't require JavaScript, and its properties allow you to modify them easily. These switches are lightweight and can be implemented in any design, styling them to match the appearance of your project. It was created by Chris Hart.

My first attempt at styling for a stitched look in all CSS.

My first attempt at styling for a stitched look in all CSS.

Round switch button in CSS with animation cleaned up.

Round switch button in CSS with animation cleaned up.

47 Creative CV Templates, Only $12! Vector Ai, PSD, & InDesign Files, Neat & Organized Layers, Modern Styles From Corporate to Artistic Designs.

47 Creative CV Templates, Only $12! Vector Ai, PSD, & InDesign Files, Neat & Organized Layers, Modern Styles From Corporate to Artistic Designs.

These are some stylish CSS only switch buttons, made based on this Adobe Illustrator tutorial, a simplified version of course.

These are some stylish CSS only switch buttons, made based on this Adobe Illustrator tutorial, a simplified version of course.

Recently Jonas Ohlsson share with us this interesting code freebie which simulates very well the switch performance, and all made with CSS.

Recently Jonas Ohlsson share with us this interesting code freebie which simulates very well the switch performance, and all made with CSS.

Hugo Giraudel has designed a button using CSS box shadow and gradient properties.

Hugo Giraudel has designed a button using CSS box shadow and gradient properties.

400+ Components e-Commerce UI Kit, Only $14! Award Winning UI Kit In Sketch File Format, 180 Web Gradients, 250+ Icons, Extended License.

400+ Components e-Commerce UI Kit, Only $14! Award Winning UI Kit In Sketch File Format, 180 Web Gradients, 250+ Icons, Extended License.

Hugo Giraudel has created a simpatic white switch button with a little blue light on the right side that turns on when the switch is pressed on.

Hugo Giraudel has created a simpatic white switch button with a little blue light on the right side that turns on when the switch is pressed on.

Christophe Benoliel Molina has inspired himself creating an amazing twosome buttons with a metalic style. It's supported only by chrome browser.

Christophe Benoliel Molina has inspired himself creating an amazing twosome buttons with a metalic style. It's supported only by chrome browser.

A settings panel with a set of sliding switches and OS X-like title bar.

A settings panel with a set of sliding switches and OS X-like title bar.

6300+ Material Design Icons, Only $14! Vector Files Ai & SVG, Extended License, 24+ Industries From Web Design Icons to Medical, Education, & Multi...

6300+ Material Design Icons, Only $14! Vector Files Ai & SVG, Extended License, 24+ Industries From Web Design Icons to Medical, Education, & Multimedia Icons.

This code experiment is an OS X-style transparent window with a set of CSS3-powered toggle switches. It creates a window with a modal effect and to...

This code experiment is an OS X-style transparent window with a set of CSS3-powered toggle switches. It creates a window with a modal effect and toggle switches for selecting different options. It uses CSS3 transitions and with a little tweaking, it could be fully integrated on your website or blog in no time. It supports Firefox 4, Safari 5, Chrome 13, Opera 11, IE 9, and has an MIT License; the original PSD was designed by Jeff Broderick.

Animated toggle switches in Sass, webkit and regular browser support.

Animated toggle switches in Sass, webkit and regular browser support.

Set of simple switches for different purposes created with pure CSS.

Set of simple switches for different purposes created with pure CSS.

Remove unwanted objects, retouch your portraits adding makeup. Enhance every single detail of your photos with our latest lifetime deal. Only $14, ...

Remove unwanted objects, retouch your portraits adding makeup. Enhance every single detail of your photos with our latest lifetime deal. Only $14, limited-time offer.

Beautiful and functional switch which turns a light on.

Beautiful and functional switch which turns a light on.

Simple functional switch with great design created in HTML and javascript.

Simple functional switch with great design created in HTML and javascript.

Simple switch. The style can be edited to make it more beautiful.

Simple switch. The style can be edited to make it more beautiful.

Over 50 high-quality Tri-Fold templates, coming in Adobe Illustrator & InDesign formats. Easy edition and replacement of items. Only $14, limited-o...

Over 50 high-quality Tri-Fold templates, coming in Adobe Illustrator & InDesign formats. Easy edition and replacement of items. Only $14, limited-offer.

Pure CSS for a nicely designed red and green switch

Pure CSS for a nicely designed red and green switch

This experiment creates a simple and realistic switch with the help of CSS, JavasCript and of course HTML. It sure has a realistic, yet minimal app...

This experiment creates a simple and realistic switch with the help of CSS, JavasCript and of course HTML. It sure has a realistic, yet minimal appearance, perfect for those who like a touch of realism in websites, blogs or mobile apps, but it can be improved with CSS.

A flat switch that doesn't resemble to other switches. Created for Android apps.

A flat switch that doesn't resemble to other switches. Created for Android apps.

Lifetime Web Hosting Plan & 3 Years Unlimited Plan, Stackable Deal To Power Your Websites for Just $39.99 & $59.99!

Lifetime Web Hosting Plan & 3 Years Unlimited Plan, Stackable Deal To Power Your Websites for Just $39.99 & $59.99!

Switch buttons, the interactive version of a Dribbble shot by Tomasz Zagórski

Switch buttons, the interactive version of a Dribbble shot by Tomasz Zagórski

A smooth slider by jarmie in Codepen, ready to be used.

A smooth slider by jarmie in Codepen, ready to be used.

Nice set of toggle switches for a calendar app.

Nice set of toggle switches for a calendar app.

Over 2000 unique slides in a massive PowerPoint, Keynote & Google bundle, including also more than 9K vector icons and an Instagram Stories Creator...

Over 2000 unique slides in a massive PowerPoint, Keynote & Google bundle, including also more than 9K vector icons and an Instagram Stories Creator. Only $14!

A set of power switches, with a beautiful design by Pluton Wan.

A set of power switches, with a beautiful design by Pluton Wan.

A small and dark CSS button-switch with a little bit of JS to turn it on / off.

A small and dark CSS button-switch with a little bit of JS to turn it on / off.

Flat functional switches, showing the proper state in a label.

Flat functional switches, showing the proper state in a label.

1059 UHD Backgrounds & Textures, Only $19! Ai & EPS Vector Formats, Transparent PNGs. Ultra HD Resolutions!

1059 UHD Backgrounds & Textures, Only $19! Ai & EPS Vector Formats, Transparent PNGs. Ultra HD Resolutions!

Realistic switch created in SASS by jackzhu2012 and posted in Codepen.

Realistic switch created in SASS by jackzhu2012 and posted in Codepen.

Switch button created in HTML, CSS and Javascript by Reza Qorbani.

Switch button created in HTML, CSS and Javascript by Reza Qorbani.

Manageable switch that alters the state of a label to show a message.

Manageable switch that alters the state of a label to show a message.

280 Instagram Masks in PSD Format, easy usage, including a tutorial of the process. Delivered in different categories. Normally priced $60, for a l...

280 Instagram Masks in PSD Format, easy usage, including a tutorial of the process. Delivered in different categories. Normally priced $60, for a limited-time only $9 USD!

Or: a pure CSS alternative to checkboxes, watch behind the curtain to se how it works...

Or: a pure CSS alternative to checkboxes, watch behind the curtain to se how it works...

Cool power switch with glowing lights for dark environments.

Cool power switch with glowing lights for dark environments.

Switch button created in HTML, CSS and Javascript by Maximiliano Perez Coto.

Switch button created in HTML, CSS and Javascript by Maximiliano Perez Coto.

720+ Lightroom Presets + 690+ Photoshop Actions from 17 Collections, Compatible with Adobe CS4, CS5, CS6, and CC, Fully Adjustable Settings, Includ...

720+ Lightroom Presets + 690+ Photoshop Actions from 17 Collections, Compatible with Adobe CS4, CS5, CS6, and CC, Fully Adjustable Settings, Includes Extended License and Complete Documentation. Only $19 (95% Off)

Toggle switch with a little JS, CSS and HTML to give active states to background when clicked.

Toggle switch with a little JS, CSS and HTML to give active states to background when clicked.

Nice switch integrated to a note UI in order to show fulfilled tasks.

Nice switch integrated to a note UI in order to show fulfilled tasks.

The functional representation of a PSD design by Bart Ebbekink.

The functional representation of a PSD design by Bart Ebbekink.

1380 Animal themed icons delivered in 7 different design styles: from the trendy Material or Flat Styles to Iconshock's unique creations. Only $19 ...

1380 Animal themed icons delivered in 7 different design styles: from the trendy Material or Flat Styles to Iconshock's unique creations. Only $19 for a limited time.

Round switch button in css with animation cleaned up.

Round switch button in css with animation cleaned up.

Incredible code experiment with tips in every line to explain what these switches do.

Incredible code experiment with tips in every line to explain what these switches do.

Nice design of an old style switch; feel free to add the proper code to make it fully functional.

Nice design of an old style switch; feel free to add the proper code to make it fully functional.

A complete watercolor pack with the trendiest designs and assets, including textured backgrounds, shapes, stylish wedding flowers, plants and gree...

A complete watercolor pack with the trendiest designs and assets, including textured backgrounds, shapes, stylish wedding flowers, plants and greenery, gems, crystals and minerals, plant vector line art, decorative horns, antlers and arrows, and much more! Only $14!

Clean switch without background image

Clean switch without background image

Simple on / off switch, with a minimal style created by Stephen Tudor.

Simple on / off switch, with a minimal style created by Stephen Tudor.

A functional version of a Dribbble shot created by MVBen that consists of a pair of switches that graduate the lighting of the canvas where they ge...

A functional version of a Dribbble shot created by MVBen that consists of a pair of switches that graduate the lighting of the canvas where they get located. It is done mostly with CSS to portray a realistic look, and it implements the JS and HTML in an easy way.

1840+ Massive Vector Engraving Style Illustrations Pack, 24 Categories, Ai & EPS Vector Formats, PNGs With Transparent Backgrounds. Perfect for ma...

1840+ Massive Vector Engraving Style Illustrations Pack, 24 Categories, Ai & EPS Vector Formats, PNGs With Transparent Backgrounds. Perfect for making logos and branding projects, stationery, apparel design, and much more! Only $29!

This is a pure-CSS3 button switch example. NO JS! Designed by Fernando Maclen and coded by Riza Selcuk Saydam.

This is a pure-CSS3 button switch example. NO JS! Designed by Fernando Maclen and coded by Riza Selcuk Saydam.

Power switch that was made entirely using CSS.

Power switch that was made entirely using CSS.

My first pen, made to practice using CSS properties for aestethics. This switch was made losely modelling the switch in a Dribbble post.

My first pen, made to practice using CSS properties for aestethics. This switch was made losely modelling the switch in a Dribbble post.

500 Book design cover templates, only $14. High resolution for digital usage and also ideal sizes for printing. Fully layered PSD files, replace ea...

500 Book design cover templates, only $14. High resolution for digital usage and also ideal sizes for printing. Fully layered PSD files, replace easily every detail. Temporal promo!

Inpired by Delacro's beautiful Dribbble shot with a lovely style.

Inpired by Delacro's beautiful Dribbble shot with a lovely style.

Collection of some fresh, flat toggles. All utilize the "checkbox" hack.

Collection of some fresh, flat toggles. All utilize the "checkbox" hack.

A set of fully functional toggle switches in multiple colors. Useful for ...

A set of fully functional toggle switches in multiple colors. Useful for switching views and toggling settings.

40 Geometric Condensed Fonts Family, only $14: Tons Of OpenType Features, Commercial License, Desktop & Web Font Files

40 Geometric Condensed Fonts Family, only $14: Tons Of OpenType Features, Commercial License, Desktop & Web Font Files

Fancy switch created by Dmitri Voronianski.

Fancy switch created by Dmitri Voronianski.

Checkboxes created to look and behave like Android's new Holo UI.Pseudo checkbox created using data roles, with a "border triangle" added as required.

Checkboxes created to look and behave like Android's new Holo UI.Pseudo checkbox created using data roles, with a "border triangle" added as required.

Realistic switch with red and blue background.

Realistic switch with red and blue background.

1530+ Logo Creation Assets, Only $19: 150+ Premade Logo Templates, Ai, EPS & PSD Vectors. Ornamental Frames, Letterings, Patterns, Badges. Commerci...

1530+ Logo Creation Assets, Only $19: 150+ Premade Logo Templates, Ai, EPS & PSD Vectors. Ornamental Frames, Letterings, Patterns, Badges. Commercial Use

It uses some gradient color stops to make the label element to appear split in two. Using CSS pseudo-element to insert that symbols through the dat...

It uses some gradient color stops to make the label element to appear split in two. Using CSS pseudo-element to insert that symbols through the data-on and data-off attribute, so the symbols can be determined with more flexible. The three-dimensional effect created by the inset box-shadow.

Inspired by Mike Ackerman's work on Dribbble; except for the right shadow on the initial state, it was pretty easy to do. I even felt confident eno...

Inspired by Mike Ackerman's work on Dribbble; except for the right shadow on the initial state, it was pretty easy to do. I even felt confident enough to change some shadows from the original work.

A pair of checkboxes toggles, flat design, round corners and using soft colors. This design was made in pure CSS by user Jesper Hills in Codepen.io

A pair of checkboxes toggles, flat design, round corners and using soft colors. This design was made in pure CSS by user Jesper Hills in Codepen.io

Excel Master Certification Bundle, Only $39! 280+ Lessons, 8 In-Depth Courses. Earn Internationally Recognized CPD-Certified Diplomas!

Excel Master Certification Bundle, Only $39! 280+ Lessons, 8 In-Depth Courses. Earn Internationally Recognized CPD-Certified Diplomas!

Clean switches, round corners, that change in size and color as they are selected. A design made by user Kasper Mikiewicz in Codepen.io

Clean switches, round corners, that change in size and color as they are selected. A design made by user Kasper Mikiewicz in Codepen.io

Inspired by Nina's work on Dribbble. Incredibly soft design. In fact, I don't think I ever had to manage such delicate (and therefore complicated) ...

Inspired by Nina's work on Dribbble. Incredibly soft design. In fact, I don't think I ever had to manage such delicate (and therefore complicated) shadows.