Feb. 24, 2024, 7:53 a.m. | Alvaro Montoro

DEV Community dev.to

A new toggle switch added to the collection: colorful.




Some features:



  • Single HTML element: no need for complex structures.


  • No external images: all drawings and gradients are basic CSS.


  • No JavaScript: the browser handles the component's state


  • Responsive: the toggle will adapt to the font size.


  • Supports reduced motion: removes animations and transitions.


  • High contrast mode support: adding transparent borders.



The design was inspired by Nick Buturishvili's Switch on Dribbble: https://dribbble.com/shots/2272690-Switch

adapt animations basic browser collection contrast css element features html images javascript responsive showdev state support the browser transitions webdev will

Software Engineer for AI Training Data (School Specific)

@ G2i Inc | Remote

Software Engineer for AI Training Data (Python)

@ G2i Inc | Remote

Software Engineer for AI Training Data (Tier 2)

@ G2i Inc | Remote

Data Engineer

@ Lemon.io | Remote: Europe, LATAM, Canada, UK, Asia, Oceania

Artificial Intelligence – Bioinformatic Expert

@ University of Texas Medical Branch | Galveston, TX

Lead Developer (AI)

@ Cere Network | San Francisco, US