Rafi Wirana

Design Engineer

Swipe to Dismiss

The best interactions feel like natural extensions of our intentions.

Dismissing notifications and news cards should feel effortless, not clunky. Yet too many interfaces force you to hunt for tiny X buttons or fumble through awkward tap-and-hold gestures that completely break your flow.

I built this component around a simple truth: a swipe feels natural because it mirrors how we actually handle physical objects. When you brush away a piece of paper or slide a card off a table, there's intention behind the gesture: it feels decisive and satisfying.

The real magic emerges when you combine that natural gesture with thoughtful animation. As you swipe, the card follows your finger's movement, creating immediate visual feedback. Meanwhile, cards underneath reveal themselves progressively, maintaining a continuous flow that keeps you engaged rather than jarring you out of the experience.

This stacking behavior transforms what could be a repetitive task into something almost meditative. Each swipe flows into the next, building momentum rather than interrupting it. And when you finally reach the end, the gentle "all caught up" state provides closure instead of an abrupt stop, a small detail that turns completion into satisfaction.

Breaking News

2 minutes ago

Live

Tech Giants Announce New AI Partnership

Major technology companies have formed an unprecedented alliance to develop ethical AI standards, potentially reshaping the industry landscape.

TechNews
12.5k views
SM

Sarah Martinez

sent you a message

Message

β€œHey! Just saw your latest project update. The new features look amazing! πŸš€ Would love to catch up and hear more about it.”

5 minutes ago
AC

Alex Chen

shared a post

Social

Just finished building my first React component library! πŸŽ‰

After months of learning and building, I've finally published my component library. It includes 25+ reusable components with full TypeScript support.

15 minutes ago
Swipe to dismiss
Swipe left
Swipe right
Copy link