Glass Toggle

A switch whose knob is a glass marble. Flip it on and a light ignites in its core, spills onto the porcelain track and throws a halo.

Click it, drag it, or press Space.

Notifications

Mentions and replies

Settings · Porcelain

Night shift

Warmer after sunset

Appearance · Amber Pro

Pro features

Plan · Noir Pro

Playground

Theme

Preset

Start

Size · 56px

<script src="/glass-toggle.free.js" defer></script>

<glass-toggle
  size="56"
  theme="light"
  label="Notifications"
  checked
></glass-toggle>

<script>
  document.querySelector('glass-toggle').addEventListener('change', (e) => {
    settings.notifications = e.detail.checked;
  });
</script>