All projects

Custom haptics in Play

Custom haptics in Play

Adding custom haptics to prototypes in Play

Adding custom haptics to prototypes in Play

Author(s)

Thomas

Hapticlabs GmbH

,

2025

Build it yourself

Hapticlabs Studio

Hapticlabs Studio

Hapticlabs Studio

Play's latest release introduces support for custom haptic events. Here's how to create and add them to your prototypes using Hapticlabs Studio.

Adding a haptic interaction

Inside Play, add a ‘Set Haptic’ action to any event. You can choose between different haptic effects: Notification, Impact and Selection are default effects provided by Apple.

  • Notification (Success, Warning, Error): Pattern to emphasise and accompany specific events and system feedback.

  • Impact (Light, Medium, Heavy, Rigid, Soft): Short transient vibrations with varying intensity and frequency levels.

  • Selection: A faint, subtle and very universal transient effect.

  • Custom: A fully custom haptic effect

Select 'Custom' in the dropdown menu and upload a JSON file including the haptic effect.

Create and add a custom haptic effect

Open Hapticlabs Studio, create a new track and populate it with haptic blocks to create a pattern. To feel it in realtime while designing, download and install our mobile app. Link to the Appstore.
Once you are happy with the outcome, export the tracks as ‘AHAP’ file through the Export menu option.

!Important! iOS haptic patterns use Apple's 'AHAP' format. While Play requires 'JSON' files, you can simply rename your 'AHAP' files to use the '.JSON' extension eg.

’effect1.AHAP’ becomes ‘effect1.JSON’.

Play and explore

Apply your haptic effects to any interactive element in Play - buttons, sliders, animations, and more. Scan the QR code below to experience a sample AppClip live!

Play's latest release introduces support for custom haptic events. Here's how to create and add them to your prototypes using Hapticlabs Studio.

Adding a haptic interaction

Inside Play, add a ‘Set Haptic’ action to any event. You can choose between different haptic effects: Notification, Impact and Selection are default effects provided by Apple.

  • Notification (Success, Warning, Error): Pattern to emphasise and accompany specific events and system feedback.

  • Impact (Light, Medium, Heavy, Rigid, Soft): Short transient vibrations with varying intensity and frequency levels.

  • Selection: A faint, subtle and very universal transient effect.

  • Custom: A fully custom haptic effect

Select 'Custom' in the dropdown menu and upload a JSON file including the haptic effect.

Create and add a custom haptic effect

Open Hapticlabs Studio, create a new track and populate it with haptic blocks to create a pattern. To feel it in realtime while designing, download and install our mobile app. Link to the Appstore.
Once you are happy with the outcome, export the tracks as ‘AHAP’ file through the Export menu option.

!Important! iOS haptic patterns use Apple's 'AHAP' format. While Play requires 'JSON' files, you can simply rename your 'AHAP' files to use the '.JSON' extension eg.

’effect1.AHAP’ becomes ‘effect1.JSON’.

Play and explore

Apply your haptic effects to any interactive element in Play - buttons, sliders, animations, and more. Scan the QR code below to experience a sample AppClip live!

Play's latest release introduces support for custom haptic events. Here's how to create and add them to your prototypes using Hapticlabs Studio.

Adding a haptic interaction

Inside Play, add a ‘Set Haptic’ action to any event. You can choose between different haptic effects: Notification, Impact and Selection are default effects provided by Apple.

  • Notification (Success, Warning, Error): Pattern to emphasise and accompany specific events and system feedback.

  • Impact (Light, Medium, Heavy, Rigid, Soft): Short transient vibrations with varying intensity and frequency levels.

  • Selection: A faint, subtle and very universal transient effect.

  • Custom: A fully custom haptic effect

Select 'Custom' in the dropdown menu and upload a JSON file including the haptic effect.

Create and add a custom haptic effect

Open Hapticlabs Studio, create a new track and populate it with haptic blocks to create a pattern. To feel it in realtime while designing, download and install our mobile app. Link to the Appstore.
Once you are happy with the outcome, export the tracks as ‘AHAP’ file through the Export menu option.

!Important! iOS haptic patterns use Apple's 'AHAP' format. While Play requires 'JSON' files, you can simply rename your 'AHAP' files to use the '.JSON' extension eg.

’effect1.AHAP’ becomes ‘effect1.JSON’.

Play and explore

Apply your haptic effects to any interactive element in Play - buttons, sliders, animations, and more. Scan the QR code below to experience a sample AppClip live!

© Hapticlabs 2024

Stay in the loop

Join our mailing list for occasional newsletters and the latest updates.

© Hapticlabs 2024

Stay in the loop

Join our mailing list for occasional newsletters and the latest updates.

© Hapticlabs 2024

Stay in the loop

Join our mailing list for occasional newsletters and the latest updates.