Trig.js icon
Trig.js icon

Trig.js

Trig.js powers dynamic, CSS-driven animate-on-scroll effects using CSS variables and element position data, making AOS effortless. Create custom animations in CSS or use trig-animations.css for ready-made effects—full control or quick setup. Perfect for storytelling websites.

Cost / License

  • Free
  • Open Source (MIT)

Platforms

  • Self-Hosted
Trig.js alternatives  
0likes
4alternatives
0articles
Save

Features

No features, maybe you want to suggest one?

 Tags

Trig.js News & Activities

Highlights All activities

Recent activities

Trig.js information

GitHub repository

  •  170 Stars
  •  4 Forks
  •  5 Open Issues
  •   Updated  
View on GitHub

Popular alternatives

View all
Trig.js was added to AlternativeTo by Monkven on and this page was last updated .

No comments or reviews, maybe you want to be first?

Official Links

AppStores & Other Links

What is Trig.js?

Trig.js is a super simple, efficient and lightweight way of making CSS scroll animations that react to the position of your HTML elements. You can also use Trig.js to trigger CSS animations once an element appears on screen.

Using nothing but the power of CSS, HTML and Trig.js. You can make the same effects as you see here: https://idev-games.github.io/Trig-JS/! Not just that, Trig.js is really lightweight with a filesize of npm bundle size! Trig.js is created with javascript and doesn't require any dependencies.

Trig.js is really simple and quick to work with. You can use Trig.js even if you arn't familiar with javascript.

Trig.js is the perfect solution for CSS scroll animations in any project by developers of any skill level for both light or heavy usage. Making it the perfect alternative to libraries like scrollmagic or GSAP scrolltrigger for most of your website animation needs.