Switch

A beautiful glowing toggle component using @utility switch-group, @utility switch-label, and @utility switch-description.

Theme Switches

Smooth animations

Enable fluid transitions for design elements.

Bold focus rings

Increase visibility of selected layers and tools.

Usage

switch.html

<!-- Basic Switch -->
<label class="switch-group">
  <input type="checkbox" class="switch" />
  <div>
    <div class="switch-label">Toggle Title</div>
    <div class="switch-description">Description text goes here.</div>
  </div>
</label>