KEEB · Key Order
Mechanical keyboard configurator
GPT 6.1 Sol
5 · Design examples
Product Configurator Design: Keyboards, Shoes and Custom Bracelets
Explore working configurators for mechanical keyboards, handmade bracelets, running shoes and furniture. See how options, live previews and order summaries work together, then inspect the original briefs.
What to look for
Complete a configuration before judging the visuals. Check option dependencies, selection feedback and immediate material or color previews, then make sure the final price, specifications and order summary agree.
Installation & usage guide →
knot Bracelet Studio
Custom handmade bracelets
GPT 6.1 Sol
Bu · Stride 3
Running shoe product page
GPT 6.1 Sol
Atelier Volders · Grain & Tenon
Handcrafted furniture workshop website
GPT 6.1 Sol
DIAL
Smartwatch face store
GPT 6.1 Sol
Related guides
Scenario Playbook · Websites & Landing Pages
Website & Landing Page Playbook
Move past generic three-card AI landing pages. Learn how to structure hero interactions, compare multiple directions from one brief, and verify 1440px and 390px viewports.
Design Method · Side-by-Side ComparisonSide-by-Side Direction Comparison
Why comparing 3 distinct design directions on one HTML board beats re-prompting a single draft. Inspect the Orvo, Atelier Volders and Fonderie Mercier multi-direction series.
Design Method · Real-Screen Blind ReviewReal-Screen Blind Review
Why inspecting JSX and CSS in the editor misses layout bugs. Learn how Oil UI uses 1440px/390px browser screenshots, 200% crops, blurred block checks and blind subagents.