Hey dev.to community! 👋

Have you been looking for a quick, fun challenge to flex your creative muscles and learn something new? Here's your chance! This Trig.js Challenge is designed to showcase the versatility and power of Trig.js. Whether you're a seasoned coding wizard 🧙‍♂️ or just starting out, this challenge is for you.


🏆 The Challenge:

Create a CodePen example using Trig.js—it can be as simple or as complex as you like! The goal here is to explore the versatility of Trig.js and inspire others with your creativity.


💡 Need Some Help Getting Started?

No worries! Here's a fantastic guide to help you hit the ground running: Trig.js Tutorial: How to Animate on Scroll (AOS Made Easy). You can also checkout the docs and examples to get some more ideas.


✍️ How to Participate:

  1. Create a CodePen or similar example demonstrating your use of Trig.js.
  2. Write a brief post about your creation here on dev.to—share your thought process, what you've learned, and your CodePen link!
  3. Comment below with a link to your dev.to post so we can all see and celebrate your work. 🎉

🚨 Remember!

The point of this challenge is to have fun and experiment. There’s no right or wrong way to participate, and any entry—no matter how simple—is a win.

I will include the most creative examples into the official example docs for Trig.js so others can easily and quickly see your creation. Here's an example of one I did earlier to spark some inspiration: How to Create a GitHub-Style Floating Header with Trig.js

I can't wait to see what you all come up with. Let’s show the world just how versatile Trig.js can be! Happy animating! 🚀