Skip to content
native cook
Esc

Loading the catalog…

Hold to Speak Input


A chat field on a charcoal screen that doubles as a push-to-talk button: a near-black pill with a hairline that runs from teal through green to yellow, the same light bleeding out along its edge, the placeholder "Start typing or hold to speak." with a blue caret, and five suggestion chips stacked in three rows above it ("Plan my day" outlined in the gradient). Holding the pill swaps the placeholder for five white level bars and "Listening", puts a mic under the finger and "Slide up to cancel" with a chevron above it; sliding up turns the light red and the hint into a cross over "Release to cancel". Releasing in place drops the transcript into the field; a tap focuses it for typing instead.

Category
Inputs
Added
Oct 12, 2026
Stacks
RN · Swift · Kotlin

Is this your design? Ask for a correction or removal

React Native · Expo SDK 52+, TypeScript

✦ If the result drifts from the video, tell your agent what looks different and how it should look. A short correction usually closes the gap.