TorusKit logo
DocsPricingBlog
Buy Get TorusKit
  • TorusKit Docs
    • Getting started
      • Introduction
      • Download & Setup
      • Quick start
      • Examples
      • Cluster
      • Timelines
      • Responsiveness
      • Release notes
    • Static styling
      • Introduction
      • Initial values
    • Group & Stagger
      • Introduction
      • Group animations
      • Stagger
    • Animations
      • Introduction
      • Triggers
      • Properties
      • Combinations
      • Chaining
      • Composition
      • Options
      • Timeline types
      • Discrete
      • Sequenced
      • Offset-based
      • Scroll-linked
      • Mouse-linked
    • Triggers
      • Introduction
      • Time based
      • Hover
      • Click
      • Active
      • Animate
      • Inview
      • Class
      • Timeout
      • Check
      • Focus
      • Focus within
      • Coordinate based
      • Scroll
      • Mouse / Pointer
    • CSS Properties
      • Introduction
      • Options
      • Utilities
      • Properties
      • Transform
      • Background
      • Text color
      • Box shadow
      • Opacity
      • Filter
      • Backdrop filter
      • Clip path
      • Width / Height
      • Margin / Padding
      • CSS variables
      • Other properties
    • Built-in effects
      • Introduction
      • Loops
      • Jump
      • Spin
      • Blink
      • Fly
      • Pulse
      • Swing
      • Wobble
      • Radiate
      • Tada
      • Slide
      • Orbit
      • Aliases
      • Pull
      • Push
      • Grow
      • Shrink
      • Shadow
      • Clip
      • Reveal
      • Parallax
      • Color shade
      • Color opacity
      • Reveal path
      • Translate along path
    • Utilities
      • Introduction
      • Responsiveness
      • Shorthands
      • Cluster
      • Aliases
      • References
      • Variables
      • Animation composition
      • Attribute actions
      • Class actions
      • Bounds
      • Shift
Utilities

Utilities

Explore various utilities that helps you to make your workflow faster and simpler

Overview

Introduction

Quick introduction on how to use various triggers to create web animations

Read more

Utilities

Responsiveness

Set the different properties and option values according to the screen size

Read more
Shorthands

Use shortened property names to speed up your workflow even more

Read more
Cluster

Grouping properties with shared triggers

Read more
Aliases

Simplify complex animations with one word

Read more
References

Trigger external animation once the current one starts of finishes

Read more
Variables

Reuse defined properties, values and options across the elements

Read more
Animation composition

Manages how multiple animations interact when targeting the same property

Read more
Attribute actions

Dynamically modify HTML attributes with various triggers

Read more
Class actions

Dynamically modify element's class with various triggers

Read more
Bounds

Get the element size and position

Read more
Shift

Shift the element position without affecting the transform properties

Read more
Features
  • Animations
  • Triggers
  • Effects
  • Utilities
Resources
  • Documentation
  • Pricing
  • Code snippets
  • Labs
Support
  • License
  • Terms of service
  • Privacy policy
  • Refund
Social
  • Blog
  • Dribbble
  • X

© 2025 TorusKit. All rights reserved.

hello@toruskit.com