Immersive feedback atom

Atomic Components

Adds a sensory layer of haptic and motion reactions to user actions, making the app feel tactile and responsive.

Introduction

The immersive feedback atom adds a sensory layer to the app: it plays haptic and motion reactions to user actions, so the interface feels tactile and responsive. It enriches the primary feedback, never replaces it.

Channels

Two additive channels:

  • Haptic: vibration patterns, mapped to the native iOS and Android feedback.
  • Motion: a per-action animation, on iOS, Android and the Progressive Web App.

How it works

  • Immersive feedback can be activated globally in one click, or per view, from the Effects & Animations panel.
  • Reactions are chosen by action category: Navigation, Selection, Confirmation, Success, Warning and Error.
  • An intensity level (minor, medium, major) sets the strength of each reaction.

JSON

Immersive feedback object :

{

"hapticRef": "KEY OF HAPTIC FEEDBACK OBJECT",

"hapticEnabled": BOOL,

"motion": MOTION FEEDBACK OBJECT,

"motionEnabled": BOOL

}

Haptic feedback object :

{

"hapticPatterniOS": STRING, // ex: light_impact

"hapticPatternAndroid": STRING // ex: CLOCK_TICK

}

Motion object :

{

"media": {

"image": IMAGE OBJECT,

"lottie": LOTTIE OBJECT,

"type": "image | lottie"// Default: image

 }

}