25 Awesome Knob UI Design Examples

Knob is a rotary web UI element that can be controlled by dragging and rotating it with the mouse pointer or touch input. It allows you to choose a value by dragging a pointer inside a circle. Knobs are extremely useful when you need some new functionality in your app. Many mobile apps utilize this piece of UI for many different reasons. And there are plenty of examples on Dribbble which express enormous bouts of creativity. So in this post I’ve collected some awesome UI designs inspired by a control knob, such as those found on a mixer.



Smart Home App by Michal Parulski

Smart Home App

Minimal Calendar Concept by Den Klenkov

Minimal Calendar Concept

Mobile App Smart House by Outcrowd

Mobile App - Smart House

Smart Home App by Pham Huy

Smart Home App

Smart Kitchen by SELECTO

Smart Kitchen

Colorful Switch by Sebastien Gabriel

Colorful Switch

Heating/air Conditioning Ui by James Cipriano

Heating/air Conditioning Ui

Knob Expand by Steven Stavropoulos

Knob Expand

Level Knob by Andrei Josan

Level Knob

Mobile Application – Music Making Soft by Outcrowd

Mobile Application - Music Making Soft

Scoot Urgent Mobile Support by Ramotion

Scoot Urgent Mobile Support

Smart Home App. by Yi Li

Smart Home App.

Automated Plant App by Andrea Hock

Automated Plant App

Mobile Ui Crypto Wallet by uixNinja

Mobile Ui Crypto Wallet

Free Pharmagy Medical App by Adam Sokolowski

Free Pharmagy Medical App

Dashboard With Knob by Nerdy Wayne

Dashboard With Knob

Baby Crying Monitor by Sergi Mi

Baby Crying Monitor

Chapters Player by Vinny Araujo

Chapters Player

Xore Solar System by Anton Skvortsov

Xore — Solar System

Sound Part Of Smart Home Product Ui by Gleb Kuznetsov_

Sound Part Of Smart Home Product Ui

Thermostat Knob Ui by Voicu Apostol

Thermostat Knob Ui

Air Conditioner App Ui Prototype by Jason Fernandes

Air Conditioner App Ui - Prototype

Music Player For Iphone X by Victor Alonso

Music Player For Iphone X - Knife Party Edition!

Level Knob by Husam Elfaki

Shot 060 - Level Knob

Volume Control by Sebastien Robaszkiewicz

Volume Control

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.