Android

iOS

Apple

Google

Samsung

iPhone 11

iPhone 11 Pro

Note 10

Pixel 3

Pixel 3 XL

S10

Blue

Brass

Gold

Grey

Navy

Silver

Teal

Violet

Here's a decent looking dynamic configuration control I built with just pug and javascript. It uses a json array of all possible valid configurations to filter out options as you go.

Useful features include:

• Only see valid configurations (selecting iOS only shows you Apple-manufactured phones).
• Automatically skip options with only 1 valid answer (if Apple manufacturer is selected, iOS is automatically selected too).
• Can jump to any option, select it, and options are backwards-filtered (choose a color first and see which models are available in it).
• Can change your selection if it would still result in a valid configuration (swap the model to another of the same manufacturer and color).
• Summary tab shows all of your selected options when you're finished.
• Clear button in the top right resets your selection entirely.