Interact

Powers the web with motion.

Create high-performance, beautiful web animations with Interact — from simple micro-interactions to complex, scroll-driven storytelling. Designed for designers and developers alike, with a robust, production-ready API

Unleash high performance web motion


Interact runs closer to the browser, delivering smooth, GPU-accelerated animations with minimal overhead. Build complex interactions without compromising site speed — from subtle micro-interactions to full-page storytelling.

Motion That Fits Every Screen


Interact enables precise control over responsive animations across screen sizes. Using media queries, you can define how effects behave at different breakpoints, ensuring motion is optimized for every layout.

Beautiful Effects,
Ready to Use.

Interact comes with a rich and diverse set of named effects, each designed to bring your website to life. Apply them instantly to text, images, cards, buttons, and entire sections, and create smooth, expressive animations that engage users and elevate every interaction.

Watch it move

Trigger Your Motion


Animate elements based on user interactions - from micro-motion touches to large-scale expressive interactions.

Hover

Add playful hover interactions to buttons, images, or UI elements.

Click

Trigger motion on user clicks for buttons, dialogs, or interactive components.

View Enter (AKA Scroll Triggered Animations and Entrance Animations)

Animate elements as they enter the viewport, or pause infinite animations as they exit — perfect for cards, sections, or hero elements.

Pointer movement (AKA Trigger by Mouse)

Move elements relative to cursor position for depth and engagement.

Scroll to Spin

Scroll

Animate elements or sections based on scroll position to create immersive, narrative-driven experiences.

Effects. Tailored to Your Vision


From a curated set of ready-to-use effects to fully custom motion, Interact gives you control to tailor animations precisely to your vision.

Named Effects (Built-In Library)

A rich collection of ready-to-use effects that bring elements to life instantly. Perfect for rapid creation while ensuring polished, consistent motion.

Custom Keyframes


Gain control to design animations with precision. Write your own keyframes and animate any property exactly as needed.

Custom Effects (Full Extensibility)

Build reusable effects or integrate advanced motion systems — including physics-based animations, shaders, and WebGL.

Hey, Good Looking


Get inspired by these motion-forward Wix websites created with Interact

Cosmic Scroll

Go to Website ↗

Animal Motion

Go to Website ↗

Year in Review

Go to Website ↗

Starcast Project

Go to Website ↗

Product Store

Go to Website ↗

Software Company

Go to Website ↗

Coming Soon Landing Page

Go to Website ↗

Electronics Store

Go to Website ↗