Settings feedback for switches and input controls

Show a setting changing with a switch, slider or radio button. Gear icons work beside settings links; the control demos show the interaction itself.

Use a real button or form control for the interaction, with the animation beside it. Keep the value and selected state available to keyboards and screen readers.

Check the file size on each detail page and measure your export after editing. Load previews only when needed, respect reduced motion and keep status messages in real text.

We read the colours and fonts from your home page. They stay in this browser.

Questions

Is an animated switch a working form control?

The animation is a visual asset. Build the control with a labelled native input or button and connect the animation to its state.

How do I choose a file size and support reduced motion?

Check the file details before downloading and measure the exported file after editing. Compare Lottie JSON and dotLottie in a player that supports them. Load the animation near the screen and show a still frame when someone asks for reduced motion. Keep any status or instructions in real text.