TorusKit

TorusKit is a JavaScript animation library that lets you build stunning, interactive effects directly in your HTML. Forget about complex stylesheets or JavaScript files; create everything from simple hover effects to multi-step timeline animations using simple data-tor attributes. This approach allows you to work with CSS properties as you would expect, including individual transforms and smooth reverse transitions, all without leaving your markup.

The library is packed with features to make animation easy and fun:

• Rich Trigger System: Animate elements on hover, click, focus, scroll, when they enter the viewport, and more.
• Advanced Timelines: Craft complex sequences with discrete, step-based, or offset-based timelines, and even mix them together.
• Built-in Effects: Instantly add life to your site with pre-made looping animations like pulse, swing, spin, and wobble.
• SVG & Path Animation: Effortlessly create path reveal effects or animate elements along a custom SVG path.
• Powerful Utilities: Take advantage of responsive controls, property shorthands, animation chaining, and additive animations for complete creative freedom.