Build fun web animations and win prizes
Tags: codesandbox, animations, greensock, webdev
Published: 2022-05-19 11:05:56

---
title: Build fun web animations and win prizes
published: true
description: Participate in the CodeSandbox / GSAP web animation challenges and win fantastic prizes.
tags: codesandbox, animations, greensock, webdevelopment
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/os44bpkw6ih4ptnctoi3.png
canonical_url: https://codesandbox.io/post/building-web-animations-with-greensock
---

Web animations, especially when used right, help create fun, interactive and engaging experiences for your website visitors. However, more often than not, they can be quite difficult to implement. 

As [CodeSandbox](https://codesandbox.io/) is dedicated to making web developers as productive as possible, we partnered with [Greensock](https://greensock.com/) (GSAP) to host some fun and creative challenges for the month of April. Greensock puts a lot of animation power in the hands of developers through it's robust JavaScript library and they have now made all the [Club Greensock](https://greensock.com/club/) premium plugins now available on [CodeSandbox](https://codesandbox.io/) via npm. 🔥

{% codesandbox m26x0 %}

Every week through April, we shared a new creative coding challenge and a sandbox to get started building something fun. You can find out all about the challenges at [https://greensock.com/challenges](https://greensock.com/challenges).

## Challenges

The first challenge encouraged everyone to build something fun on `Scrolling animations with ScrollTrigger`. There were a lot of amazing submissions but [Victor](https://twitter.com/victorwork_) and [Ismael](https://twitter.com/ismamz) took the top spots.  


[Here comes the sun](https://codesandbox.io/s/lr9qb2) by [Ismael](https://twitter.com/ismamz)

{% codesandbox lr9qb2 %}


[GSAP x CodeSandbox](https://codesandbox.io/s/cpwy8z) by [Victor](https://twitter.com/victorwork_)

{% codesandbox cpwy8z %}



The next challenge involved animating `SVG Strokes with DrawSVG`. Even more creative entries but our winners were [Christian](https://twitter.com/ctrl_alt_aldr) and [av](https://twitter.com/avpeace).

[Cricut Drawings](https://codesandbox.io/s/r3zv9l) by [Christian](https://twitter.com/ctrl_alt_aldr)

{% codesandbox r3zv9l %}


[Indiana Jones](https://codesandbox.io/s/zjw4mw) by [AV](https://twitter.com/avpeace)

{% codesandbox zjw4mw %}



The final challenge using Greensock’s Flip plugin had our previous winners - [Victor](https://twitter.com/victorwork_) and [Christian](https://twitter.com/ctrl_alt_aldr) topping the charts again. So the well deserved runner ups - [Toso](https://twitter.com/_Tosoo) and [Julia](https://twitter.com/jhjanicki) took the prizes for this one. 

[Flip animation](https://codesandbox.io/s/cg2fhc) by [Christian](https://twitter.com/ctrl_alt_aldr)

{% codesandbox cg2fhc %}



[Knowing the Alphabet](https://codesandbox.io/s/f93upv) by [Victor](https://twitter.com/victorwork_)

{% codesandbox f93upv %}

[SpaceX](https://codesandbox.io/s/m3yegl) by [Toso](https://twitter.com/_Tosoo)

{% codesandbox m3yegl %}

[Tile builder](https://codesandbox.io/s/wizdwq) by [Julia](https://twitter.com/jhjanicki)

{% codesandbox wizdwq %}


We want to say a big thanks to our judges who voted every week for their favorite demos despite how tough it got. 

- [Ace](https://twitter.com/Ace_KYD) from [CodeSandbox](https://codesandbox.io/)
- [Alex Trost](https://twitter.com/trostcodes) from [Prismic](https://prismic.io/)
- [Arno Di Nunzio](https://adinunz.io/)
- [Cassie Evans](https://twitter.com/cassiecodes) from GreenSock 💚
- [Fabio Ottaviani](https://linktr.ee/supahfunk)
- [Gianmarco Simone](https://twitter.com/ggsimm)
- [Jake Whiteley](https://twitter.com/jakewhiteleydev) from [GC](https://twitter.com/CraftedbyGC)
- [Mike Wagz](https://selfaware.studio/)
- [Pim de Wit](https://pim.dev/)
- [Ryan LaBar](https://twitter.com/Ryan_LaBar) from [Elegant Seagulls](https://www.elegantseagulls.com/)
- [Stefan Vitasovic](https://twitter.com/StefanVitasovic/)

Stay up to date with [@CodeSandbox](https://twitter.com/codesandbox) and [@Greensock](https://www.twitter.com/greensock) on Twitter.