Skeuomorphic controls: 3D knobs, switches and keys that work
Skeuomorphic Controls brings back the feel of real hardware: white car-console controls rendered in 3D, every one of them working. Twist the knurled aluminium knob and it ticks at every notch, flick the lever and it clicks over and springs back, press a key and it goes down with a soft knock. The whole console works too, its temperature, seat heating and volume lit by the controls. The knob, the lever and the keys can be seen from straight above or at a 3D angle, the knob in silver or gold, and the console from above.
How it works
Pick a control
Choose the whole car console, a knob, a toggle lever or a key, then the view (3D or from above), the finish and the glyph.
Play with it
Turn, flick and press it right in the preview, with sound. Set the console’s displays, the size and the background color.
Take it with you
Sign in with a free UX Pilot account to download a PNG, a working HTML page with the sound, or put it on the UX Pilot canvas.
What you can make
Product and app mockups
Show a smart home, car or audio product with controls that look like real hardware.
Landing page heroes
Give a page a tactile, physical moment that visitors can actually turn and press.
Design system explorations
Try a skeuomorphic direction next to flat UI before you commit to it.
Posts and presentations
Export a crisp PNG of a knob, a switch or the whole console for a slide or a post.
FAQ
What are skeuomorphic controls?
Skeuomorphic controls look and behave like the physical things they stand for: a knob with knurled metal you can turn, a switch that clicks over, a key that goes down. These come from real 3D renders of a car console, so the light, the shadows and the metal are true to life.
Do the controls really work?
Yes. The knob turns with the pointer, the scroll wheel or the arrow keys, the lever clicks over while you hold it and springs back, and the keys press. On the car console they set the temperature, seat heating, brake, volume, ride height and drive mode, and the displays light up to match.
Do they make a sound?
Yes. Every control has its own small, close sound: a gear tick for the knob, a click for the lever and a soft press for the keys. You can turn the sound down or off, and the HTML download keeps it.
Can I use them in my own design?
Sign in with a free UX Pilot account to download a PNG of the control as you set it, a working HTML page, or place it on the UX Pilot canvas next to the rest of your design.