# Building Tactile UX: Honoring Intentional Design With Lottie

DevFeed: [Building Tactile UX: Honoring Intentional Design With Lottie](<https://devfeed.tech/articles/building-tactile-ux-honoring-intentional-design-with-lottie-4318.md>)

Original publisher: [Read original article](<https://smashingmagazine.com/2026/08/building-tactile-ux-honoring-intentional-design-lottie/>)

Author: hello@smashingmagazine.com (Alexey Kopytin)

Published: 2026-08-11T10:00:00Z

Content type: article

Language: en

Sources: [Articles on Smashing Magazine -- For Web Designers And Developers](<https://devfeed.tech/sources/articles-on-smashing-magazine-for-web-designers-and-developers.md>)

Topics: [User experience (UX)](<https://devfeed.tech/topics/ux.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [Web](<https://devfeed.tech/topics/web.md>), [Document Object Model (DOM)](<https://devfeed.tech/topics/dom.md>), [real-time](<https://devfeed.tech/topics/real-time.md>), [math](<https://devfeed.tech/topics/math.md>), [JSON](<https://devfeed.tech/topics/json.md>), [Matter](<https://devfeed.tech/topics/matter.md>)

Tags: [animation](<https://devfeed.tech/tags/animation.md>), [article](<https://devfeed.tech/tags/article.md>), [design](<https://devfeed.tech/tags/design.md>), [developers](<https://devfeed.tech/tags/developers.md>), [json](<https://devfeed.tech/tags/json.md>), [real-time](<https://devfeed.tech/tags/real-time.md>), [ui](<https://devfeed.tech/tags/ui.md>), [ux](<https://devfeed.tech/tags/ux.md>), [vector](<https://devfeed.tech/tags/vector.md>), [web](<https://devfeed.tech/tags/web.md>), [web-interface](<https://devfeed.tech/tags/web-interface.md>)

## AI overview

This article explains how Isadora Agency built Stress Release, a tactile digital stress-relief squeeze toy, using intentional Lottie animations, DOM events, and distance-based math instead of a physics engine. It focuses on deterministic, frame-accurate animation control and describes mapping DOM interactions to Lottie states rendered as JSON-based SVG animations.

## Source excerpt

When tasked with building a highly interactive, tactile web experience, the architecture must serve the art direction. In this article, Alexey Kopytin explains their architectural rationale for building a digital stress-relief squeeze toy game using Lottie animations, DOM events, and distance-based math to maintain absolute control over their designers' intentional motion.