Component · Toggles

Springy toggle switch settings panel

by Informeek Studio Made with Claude 6 November 2026
Live Flip the switches with a mouse or the keyboard

The prompt

Claude · Claude Opus 5.5

Build a settings panel with four toggle switches: Email notifications (weekly summary and replies), Two-factor login (ask for a code on new devices), Dark mode (follow your system setting) and Public profile (anyone with the link can view it). Each row has a bold label, a short grey description and a switch on the right. The switches slide with a slight springy overshoot and turn green when on. Clicking the label also flips the switch, and it works with the keyboard. Soft grey background, white card.

Written by Informeek Studio to recreate this design. Prompts are not deterministic: running it again gives a similar result, not an identical one.

Use it in three steps

  1. Copy the prompt with the button above.
  2. Paste it into your tool, such as v0, Lovable, Bolt or Claude.
  3. Make it yours by renaming the settings and choosing your own on colour.

About this toggle switch design

Toggle switch design is easy to get almost right. This one is shown inside a real settings panel, because a switch only makes sense next to its label and description. Each row has a bold name, one grey line explaining it and the switch on the right.

The switches slide with a slight overshoot, a springy settle that makes them feel physical, and turn green when on. Clicking the words flips the switch too, and every switch works with a keyboard. Those two details are what separate a usable toggle from a decorative one.

Why the prompt works

  • It gives every setting real text, so the layout handles long labels.
  • It describes the motion, “a slight springy overshoot”.
  • It asks for label clicks and keyboard support, which most prompts skip.

When to use it

Use switches for settings that take effect immediately. If a change needs a Save button first, a checkbox is the clearer choice.

The prompt is shared under CC BY 4.0. Reuse it freely, including commercially, with a credit linking back to this page.

Keep exploring

More prompts like this

See the collection →