Skip to content

Micro interactions

Small feedback. Clearer actions.

Ten interactions selected for Tapp’s agents, controls and hospitality workflows. Try each one below. These are local demos built with our components, colours and pill shapes.

Your device’s reduced-motion preference is always respected.

01Start here

Task status

Agent runs, uploads and background checks.

Ready to check
02Start here

Tool activity

Tool calls inside chat and agent activity.

Read shift notes · Ready0s

Illustrative activity; the fill is a state cue, not measured progress.

03Start here

Activity summary

Readable steps for a handover or multi-step agent task.

0 of 3 steps complete
  1. Read shift notes
  2. Check team availability
  3. Prepare handover
04Start here

Gentle select

Model, workspace and filter menus.

Agent mode

Balanced selected. Arrow keys and Escape work as usual.

05Start here

Connected tooltips

Compact icon toolbars and composer actions.

Hover once, then move between icons. Keyboard focus shows labels immediately.

06Useful polish

Task completion

Checklists, onboarding and shift handovers.

One task remaining.

07Useful polish

Switch feedback

Notification and agent settings.

Daily summary paused.

08Useful polish

Sliding selection

Small tabs and time-range controls.

Showing week activity.

09Start here

Action with undo

Archiving a draft or clearing a reversible item.

Draft handoverActive

Undo stays available. This demo only changes this row.

10Useful polish

Rating preview

Guest feedback after a visit.

How was your experience?

Where I would stop

Keep typing, shortcuts and frequent navigation immediate. Flying buttons, shredders, crumpling paper and controls that dodge the pointer add friction to everyday work.

Voice Pill and Swipe Row are worth a later pass alongside real recording and mobile list behaviour. Confirmations should follow actual results; gestures always need a button alternative.