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.

Lifetime Bootstrap 4 Website Generator, Only $29: For Windows & Mac, Intuitive Interface, 500+ Pre-made Content Blocks, 180+ Prototype Templates, 3...

Lifetime Bootstrap 4 Website Generator, Only $29: For Windows & Mac, Intuitive Interface, 500+ Pre-made Content Blocks, 180+ Prototype Templates, 30+ Nav Panels, Export .HTML Bootstrap 4 Native Code, Google PageSpeed Insights Tested!

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.

131 unique high-resolution mockup, based on real images and also including smart objects feature to get photo-realistic effects. Normally this bund...

131 unique high-resolution mockup, based on real images and also including smart objects feature to get photo-realistic effects. Normally this bundle could be priced up to $380, get it only $14! Limited-time promo.

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.

Massive Vector Avatar Generator Pack, Over 11,000 Assets For Creating Unique Characters, Avatars, and Mascots in Ai and PSD Formats. Contains Human...

Massive Vector Avatar Generator Pack, Over 11,000 Assets For Creating Unique Characters, Avatars, and Mascots in Ai and PSD Formats. Contains Human, Monster, and Robot Assets Completely Made in Vector Shapes, Get It For Just $29 (91% Off)

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.

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.

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.

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!

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.

Get today more than 1000 Packages and Boxes Mockup Files in an extensive bundle for only $29 with a 95% limited discounted price of its normal $550...

Get today more than 1000 Packages and Boxes Mockup Files in an extensive bundle for only $29 with a 95% limited discounted price of its normal $550 USD. Find different materials and presentations (Box, Paper, Metal, Plastic and Bottle) and hundreds of possible matches and finishes for your packages.

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.

Ultimate Data Analysis Courses Bundle: Lifetime Subscription, 200+ Courses on SQL, NoSQL, Big Data, SAS, Business Intelligence & Analytics, Data Sc...

Ultimate Data Analysis Courses Bundle: Lifetime Subscription, 200+ Courses on SQL, NoSQL, Big Data, SAS, Business Intelligence & Analytics, Data Science, and Much More, PLUS All Future Releases! Only $19! (96% Off)

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.

220+ Professional Seamless Vector Patterns, Including AI, SVG & PDF Vector Files, High-Resolution PNGs, Only $9 USD! (70%OFF)

220+ Professional Seamless Vector Patterns, Including AI, SVG & PDF Vector Files, High-Resolution PNGs, Only $9 USD! (70%OFF)

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.

820+ Isolated Objects From 3 Different Mock-up & Scene Generators! Ultra High-Quality Assets In PSD format, Separated Shadow Layers For Every Objec...

820+ Isolated Objects From 3 Different Mock-up & Scene Generators! Ultra High-Quality Assets In PSD format, Separated Shadow Layers For Every Object, Pre-made Scenes & Background Textures Included. Get this bundle for just $19! (98% Off)

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.

13,000+ Unique PowerPoint & Keynote Slides, 86 Best Selling Templates, Print Ready (A4 + Letter), Smart Objects, Vector Shapes, 160 Color Schemes, ...

13,000+ Unique PowerPoint & Keynote Slides, 86 Best Selling Templates, Print Ready (A4 + Letter), Smart Objects, Vector Shapes, 160 Color Schemes, Icon Fonts, 16:9 Aspect Ratio, Intros, Maps, Infographics, Tables, Calendars, Charts, and Much More! Get it for Only $19 (99% Off)

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.

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.

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.

1500+ Print Templates, Only $14! 1300 Vector Icons, Commercial Use, Fully Editable Ai, PSD, & INDD Files, Branding, Postcards, Flyers, Banners & Mu...

1500+ Print Templates, Only $14! 1300 Vector Icons, Commercial Use, Fully Editable Ai, PSD, & INDD Files, Branding, Postcards, Flyers, Banners & Much More!

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.

100+ Watercolor Landscape Illustrations, Only $19! Vector Files Ai & EPS, Optimized for Print & Digital Projects, Vibrant Hues & Rich Saturation.

100+ Watercolor Landscape Illustrations, Only $19! Vector Files Ai & EPS, Optimized for Print & Digital Projects, Vibrant Hues & Rich Saturation.

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.

4000+ Presentation Slides for Powerpoint & Keynote, Only $19! 120 Ready-Made Templates. 100 Color Schemes. Editable Charts, Infographics, Maps & Mu...

4000+ Presentation Slides for Powerpoint & Keynote, Only $19! 120 Ready-Made Templates. 100 Color Schemes. Editable Charts, Infographics, Maps & Much More!

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.

129+ packaging mockups including book covers, boxes, paper bags, cosmetic jars, cans & bottles, milk cartons and a large selection of branding mock...

129+ packaging mockups including book covers, boxes, paper bags, cosmetic jars, cans & bottles, milk cartons and a large selection of branding mockups Only $19 for a limited-time promo!

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

2000 Ultra HD Backgrounds, Only $19! 5000 x 3500px, 300dpi, Perfect for Both Print & Web Projects. Over 19 GB of Content.

2000 Ultra HD Backgrounds, Only $19! 5000 x 3500px, 300dpi, Perfect for Both Print & Web Projects. Over 19 GB of Content.

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.