Animations Play. Interactions Respond.

说明与用途

LIQUID REALITY 库提供可重用的、基于物理的交互效果，响应用户输入，减少重复工作并提升用户参与度。

问题

Developers repeatedly rebuild similar motion effects for each project, leading to wasted effort and inconsistent user experience.

结果

Reusable interaction primitives reduce development time, increase consistency, and create more engaging, responsive interfaces.

工作流

• 1. Capture pointer data once and share it via a single listener and animation loop.
• 2. Compute derived values (velocity, distance, direction).
• 3. Feed these values into reusable components (magnetic buttons, distorted images, particle fields, shaders).
• 4. Use physics (spring) to give weight and lag to elements.
• 5. Apply reduced‑motion fallback to ensure usability.
• 6. Adapt input handling for mobile (touch, orientation).

证据

I kept rebuilding the same web effects for different projects. Eventually, I stopped rebuilding them and started building a library.

来源

Animations play. Interactions respond.

来源

One pointer listener. One animation loop. Shared mutable values. Effects consume the data they need.

来源

If a user prefers reduced motion, the page should not simply stop halfway through an animation. The interface should resolve into its usable state.

来源