Mobile numeric keypad UI examples
Numeric keypad UI examples
See the flow 
ZARAA standard iOS numeric keypad is visible at the bottom of the screen, allowing the user to input their phone number.
See the flow 
Calorie Counter by NumifyThe bottom half of the screen is occupied by a standard numeric keypad for entering nutritional data.
See the flow 
Budget app - spending trackerThe bottom half of the screen is a full numeric keypad with standard digits, a backspace key, mathematical operators, a currency toggle ('USD'), and a large yellow checkmark button to confirm the entry.
See the flow 
Pool, the screenshot appThe bottom half of the screen is occupied by a standard numeric keypad with letters corresponding to each digit, plus a backspace icon button in the bottom-right corner.
See the flow Budget app - spending trackerAt the bottom, a custom numeric keypad is displayed, allowing the user to input financial data directly.
See the flow Calorie Counter by NumifyThe bottom half of the screen is occupied by a standard numeric keypad for entering the weight value.
See the flow 
The Wall Street Journal. NewsThe bottom half of the screen is occupied by a standard numeric keypad for data entry.
See the flow 
Claude by AnthropicThe bottom half of the screen is occupied by a standard numeric keypad for entering the verification code, including a backspace button.
See the flow 
Precious - Baby Photo ArtThe bottom half of the screen is occupied by a standard numeric keypad for data entry.
See the flow ZARAA custom numeric keypad occupies the bottom half of the screen, providing a streamlined input experience for the user to enter their payment details.
See the flow 
Litres: AudioA prominent blue 'Save' button is positioned above a standard numeric keypad, which occupies the bottom half of the screen.
See the flow 
Yik YakA prominent, rounded teal 'Send Code' button with a mailbox icon sits above a standard system numeric keypad.
See the flow 
Hotels.com: Book hotels & moreThe bottom half of the screen is occupied by a standard numeric keypad for entering the verification code.
See the flow 
Blinq: Digital Business CardThe bottom half of the screen is occupied by a standard numeric keypad, which includes a suggestion bar at the top displaying 'From Gmail' and the code '304083' alongside a key icon.
See the flow 
Deezer: Music Player, PodcastThe bottom half of the screen is occupied by a standard numeric keypad for inputting the age.
See the flow 
ZEDGE™ Ringtones & WallpapersA standard numeric keypad is visible at the bottom of the screen for entering the verification code, including a backspace icon in the bottom right corner.
See the flow 
Too Good To Go: Save Good FoodThe bottom half of the screen is occupied by a standard numeric keypad for data entry.
See the flow Pool, the screenshot appThe bottom half of the screen is occupied by a standard numeric keypad with letters associated with each number, and a backspace icon in the bottom right corner.
See the flow Blinq: Digital Business CardThe bottom half of the screen is occupied by a standard numeric keypad for entering the phone number.
See the flow Too Good To Go: Save Good FoodThe bottom half of the screen is occupied by a standard numeric keypad for data entry.
