Wipe It: Gesture-Based Text Deletion for Mobile

Bhavya Mittal's Wipe It gives gesture-based text deletion physical form: scrub across a text field to erase it cleanly, like crossing words out on paper.

Deleting text on mobile is awkward. The x is small. Holding Delete moves one character at a time. Triple-tap to select is unreliable enough to feel like luck. Every common gesture maps to something physical: swipe to delete, pinch to zoom, pull to refresh. Erasing typed text has no equivalent. Bhavya Mittal set out to give it one with gesture-based text deletion that maps to what hands already know.

The interaction is direct. Focus the field, then drag across it. A brush stroke follows the gesture, drawn in warm light grey with round caps. The clearing threshold scales with content: short text clears in a single pass, a paragraph needs multiple strokes across up to 900 pixels.

The Gesture-Based Text Deletion Feedback System

No progress bar appears. Haptics and audio carry the load. A 3ms buzz fires on repeat while the finger moves, compressing from 90ms to 45ms intervals as progress builds. A 14ms snap fires on clear. A double 8ms pulse signals a near-miss. Restore is silent, and silence communicates undo better than any tone.

Edge cases get equal discipline. An empty field never arms. A tap focuses without wiping. An unfocused field needs one tap before scrubbing, preventing accidents while scrolling. This is what gesture-based text deletion looks like when built, not sketched. Once cleared, only Restore is available.

Built in HTML and native Web APIs: Canvas, Pointer Events, the Vibration API, and Web Audio. Sounds synthesized from sine and triangle waves. Try the live prototype at bhavyamittal.com.

 

 

Gesture-based text deletion prototype on Android phone by Bhavya Mittal

Get Featured

Send your project to be featured on the blog. Follow the instruction on the template and good luck. Ah, make sure you add the images and credits that are due.

Submit content