CodeMyUI

<label class="label">
  <div class="toggle">
    <input class="toggle-state" type="checkbox" name="check" value="check" />
    <div class="indicator"></div>
  </div>
  <div class="label-text">no more emails plz</div>
</label>

CodeMyUI

https://fonts.googleapis.com/css?family=IBM+Plex+Sans+Condensed&display=swap

CodeMyUI

<div class="button"><span>Click Me</span></div>
<div class="button"><span>Hover</span></div>
<div class="button"><span>Clicked</span></div>

CodeMyUI

<div class="container">
  <div class="row mt-5 mb-5">
    <div class="col-md-3 col-sm-3">
      <div class="col-md-12 text-center mb-4">
        <span class="heading-name">Box</span>
      </div>
      <div class="box-container">
        <div class="col-md-12">
<div class="icon-set-box">
  <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

CodeMyUI

Fun Waving Animation

A Pen by Florin Pop on CodePen.

License.

CodeMyUI

Folding Select Dropdowns

Select dropdowns that roll out like paper folded in segments

A Pen by Jon Kantner on CodePen.

License.

CodeMyUI

<div class="layout">
	<div class="day-label">Day</div>
	
	<label class="container">
	  <input id="input" type="checkbox" checked="checked">
	  <span class="checkmark">
		  
		
		<svg id="toggle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 34" width="60" height="34">
		<defs>

CodeMyUI

Floating note

A Pen by Thibaud Goiffon on CodePen.

License.

CodeMyUI

Button Hover Effect

Hover effect using pseudo elements

A Pen by Daniel Gonzalez on CodePen.

License.

CodeMyUI

<form>
	<label><input class="cb pristine" type="checkbox"> <span>Check me</span></label>
    <label><input class="cb pristine" type="checkbox"> <span>Check me, too</span></label>
    <label><input class="cb pristine" type="checkbox"> <span>And check me</span></label>
</form>