About Remove a pin Privacy© Vibepins

Search pins, makers and boards

Share your build

About Remove a pin Privacy© Vibepins

Loading…

Made with

All tools Claude ChatGPT Gemini Lovable v0 Bolt

Custom Number Input with Virtual Keypad · made with Claude · Vibepins

Home/Templates/Custom Number Input with Virtual Keypad

claude.ai/public/artifacts/c299153b-e8e5-4d4b-841b-96866f1a40b0

Preview image. Open the live build to try it.

ClaudeTemplates

Custom Number Input with Virtual Keypad

Open live build

What it is for

A custom number input component with a virtual keypad, thousand separators and decimal handling, built entirely from custom HTML elements.

Suggested prompt

Build a custom number input component in React without native input elements.
Shows the formatted value with thousand and decimal separators, supports keyboard entry and an on-screen virtual keypad (0–9, comma, backspace, delete, clear all).
Smooth motion on changes; dark theme with a short controls legend.

Not the maker's own prompt: written by Vibepins to recreate something similar.

Made with: Claude
Type: Template
Pinned: 22 Oct 2026
Views on Claude: 4,425
On Reddit: 127 upvotes
Found via: Found on the web

More like this

ClaudePromptViews: 11.3K

Editorial Design Portfolio Page

A polished editorial-style portfolio website for a fictional product design lead, with work, about and contact sections.

ClaudePromptViews: 16

Dream Thermostat Interface

A clickable smart-thermostat interface with an on/off switch, current temperature, a 'make it warmer for 2 hours' button and weekday/weekend schedules.

AI Model Picker UI Concept

A concept interface for choosing an AI model on a speed-versus-capability slider, from Express to Expert.

ItermNext: terminal tab management concept

A UI concept for grouping and tracking many terminal tabs so you keep sight of what is in progress.