Built-in effects and loops

Speed up your workflow with pre-built animation loops and aliases

To speed up your workflow, TorusKit lets you define animations for multiple child elements from a single parent element using the data-tor-group attribute. This saves time by eliminating the need to define animations individually for each element. The data-tor-group attribute also enables a staggered animations—a sequence where multiple elements animate with slight delays or value variations, creating a visually appealing, cascading effect.

Overview

Animation loops (built-in)

Aliases (built-in)