CodeSandbox Challenges 🏆

Sign in to follow this   Followers 8

Can't wait to see what you make pals!

Tried to make something incorporating my Japanese nationality for fun and for learning(focus was on creativity with absolutely zero care for code quality). Shout out to gsap, ive used gsap since AS2 days. it is THE BEST ANIMATION LIB ON THE WEB!!! As a former Creative Technologist I cant tell you how many projects ive incorporated some kind of gsap tween within.

Here is my project: 

http://thepearlharborexperience.com/

Thank you

On 4/4/2022 at 1:27 PM, Cassie said:

Can't wait to see what you make pals!

yyyyyym, sure xD?

https://mind-breaker.netlify.app/
epilepsy warning

I'll prepare something less @ _ @ 

anyway, smoother works like a charm ❤️ 

This demo is a throwback to the game Dig Dug. https://rvm9zm.csb.app/

wish i had more time to make it more mobile friendly 

https://bjluos.csb.app/

Hi! Here my ScrollSmoother / ScrollTrigger experiment:
https://lr9qb2.csb.app/

Hello here is my mini scroll animation project. 

https://codesandbox.io/embed/scrolling-starter-template-forked-wkcqft?fontsize=14&hidenavigation=1&theme=dark

@Tasty Sites - heya! Do you have a codesandbox link for your entry?

Tried to recreate Apple's airpod page. It's not very clean but anyway submitting no time. 

https://fqfyr2.csb.app

Thanks Trapi! This is great

3 hours ago, Trapti said:

Tried to recreate Apple's airpod page. It's not very clean but anyway submitting no time. 

https://fqfyr2.csb.app

Nice job!

Week 2 Challenge - SVG stroke animations

Greensock Coaster - https://yokvw3.csb.app/

@Cassie

I tried
https://codesandbox.io/s/brave-swanson-k3mxsf?file=/index.html

But I'm using install gsap .tgz file locally 
I don't want to put it online

Stuff crashed when I imported it into codesandbox and reinstalled as gsap-trial
My guess is that I don't know enough about codesandbox

Probably need to flush the old node modules and reinstall
(which I did, but maybe still needs some love or flush cache, or some vite error >_<)

Heya! This is the starter template if that helps. It's all set up already https://codesandbox.io/s/prod-cdn-6c3fei

@toso... I loved your demo - you could re-enter yours for this week's challenge too!

@Cassie tysm , i didn't know i can re-enter my demo more than once , i already start drawing another svg.                       

 so can i post the 2 demos for this week's challenge , or only 1 demo allowed  ? 

You can post both! I'll allow it

( What if ! ) The last week's  demo but re-created it with SVG draw plugin and removed scroll trigger

desktop & laptop users : https://kz0ex6.csb.app/

for mobile users ( cuz the responsive mode looks so different in parcel sandbox ) : https://codesandbox.io/s/what-if-kz0ex6

*************************

( Harry potter ) This week's demo

 https://36u0if.csb.app/

***********************

problem with sandbox = refresh

post more svg challenges i love it ❤️

👏

Hi, 

Here is my submission.

https://b2mg4r.csb.app/
From a very long time I wanted to create something like lemonade . Finally I created this demo with my very basic illustrator drawing skills 😀. So many learnings, It is always challenging to handle vertical line SVG(line is also not straight there are graphics) with scrub etc. Lemonade has two layouts one for smaller device and one for large. For this demo just created one and it is looking fine in smaller screens as well. 

Would I be allowed to submit for this weeks challenge (and just not be part of the prize draw as I won in the previous week)?
I'm nearly done with my FLIP experiment (Just building the levels and then trying to chuck some more FLIP in wherever I can)