by alex
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.
