1 Infinite Loop, Cupertino
An easy alternate to using Webflow's native checkbox 🤩

Pure HTML & CSS
Toggle Switch

Custom CSS in page footer, setup guide below.
Credit card mockupCredit card mockupColorful gradient

Pure HTML & CSS Checkbox for Webflow

Step 1: Create a New HTML Embed Element

Instead of a checkbox element, insert a HTML Embed element.

Step 2: Copy the CSS from the footer and paste into your site

Copy the CSS from the footer, or from the HTML embed below.

Step 3: Copy the HTML Checkbox element and paste into your site

Paste the copied code into the HTML Embed element on your Webflow page. Ensure the CSS is in the header of your site


👇 Here it is

Need help? 🤔