Discover the best clonecomp2020 websites created by professional designers. Get inspired and start planning your perfect clonecomp2020 web design today!

Ahhh such high hopes, very little time...

Here was the challenge:
There is trouble on earth and we need to evacuate immediately. You’ve got 24 hours to save our species and get off the planet.

Components:
Your day 1 submission should include:
- People loading a spacecraft
- A picture or illustration of your spacecraft leaving the earth's orbit.

This was quite the challenge, doing a full interactive build in 24 hours...
Hope you all like it :)

CloneComp Day 1 | Jordan Russell

The year is 2047...... and the future was no-code.

All assets handmade by yours truly 💪

If you wanna keep up the visual style, here's how I made my 8-bit assets:
https://www.howtogeek.com/howto/29692/create-cool-8-bit-style-pixel-art-from-ordinary-images/

Looking forward to round 2!

#CLONECOMP Day 1 | Josh Jacobs

CloneComp Day 1 | Josh Jacobs

Let's be real, if the earth was ending only a select few would survive and it wouldn't be who want. This is my dystopic entry into the contest. 

Photos - Unsplash
Vectors - Made by hand
After Effects - Crashed
Browsers - Chuffed

Looking forward to round 2!

CloneComp Day 1 | Gabriel Rimmerman

gorimmerman-clonecomp

I had a lot of fun adding on to Josh's day 1 submission!

Here was the day 2 challenge:
Your search for a new planet begins. But not without some challenges along the way...

Wait...

What is that in the distance?

Components:
Your day 2 submission should include.

Your spacecraft traveling through space
Your craft encounters danger in space.

I hope you all like it! You can also download the custom 8-bit font I made for this project, here :) https://drive.google.com/drive/folders/1DWd4HwOHCxDX30Wh6gkVvLZK-W-3fZ3F?usp=sharing

CloneComp Day 2 | Jordan Russell

This is my Clone Comp space saga entry "Escape to Space."

Day-1 I wanted to make a horizontal scroller like "Canals" https://canals-amsterdam.nl/ but that failed when the navigation and parallax images stopped working when scrolling horizontally instead of vertically. I ran out of time and had to put it together as a standard vertical scroll and that compromised my design a bit.

Day-3 Update. I started trying to clone Josh and Jordan's 8-Bit project. I made an 8-Bit blackhole and another level, but didn't like the look of it, so abandoned that and returned to this one. I was able, after a couple of rounds with the calculator, to get the horizontal scroll working. I didn't have time to add the parallax image animations that I wanted, and the navigation was going to need some custom code to scroll sideways to the proper area, so I removed that, and it's just scroll-scroll-scroll, with a tiny bit of reading if you want the full story! All images from Unsplash.

Adrien's Clone Comp 2020

adriens-clone-comp-2020

First day of clone comp! Feel free to ask for assets on the slack if you clone.

Comp Wars Episode II: The Clone Wars

Clone Comp I - David Machov

Jetboost Team

Gallery showcasing all of the CloneComp2020 submissions! 

Absolutely stunning work by all of the participants, all of the credit goes to them for making this an amazing event.



Warning: Clone at your own risk 😆. This has been totally hacked together and follows absolutely no best practices 😅

Clone Comp Gallery

🇯🇲

24-hour Challenge for Clone Comp 2020
Day 1


Tools used:
Zapier, Memberstack, Fima, Sound Trap



Credits:
Marlon James for inspiration
pixabay for videos clips

The Unfortunate 2020

2020 The Unfortunate

I took on the perspective of the species that wants us gone and gave us those 24 hours.. or did they?

Gifs from Giphy
Animations from Lottie

Had a great time with this!

Clone Comp Day 1 | Emily V

My Day 3 project - Hypermode! We had the chance to go back and traverse time and space after going through a black hole so I went back to my day 1 project. Was great fun working on someone else's yesterday but I really wanted to do some extra bits to this!

We now have:
- Dark mode
- Sort of responsiveness
- 'How it's done' tips
- Updated Graphics
- A new 'Cargo' section with CMS
- Jetboost filters
- A black hole
- A thank you message
- Possibly some other stuff I can't remember now

Me talking through it: https://www.loom.com/share/66990f6cf66f41ab9e961117c0711b7b

So much fun doing this, and I'm amazed by the projects I've seen, everyone in this competition was just incredible so well done all!

Day 3 Clone Comp – Hypermode

Day 3 Clone Comp – Hypermode (Earth Was Lost)

CC Day III

cc-day-iii

#CloneComp 2020: Endgame. Hold on to your butts.

Fun fact; all the ships in this project are not screenshots. I cloned each project with a ship in it and duplicated each element from the original project, and resized them using transformations. It took forever.

¯\_(ツ)_/¯

#CLONECOMP Day 3 | Josh Jacobs

#CloneComp: Endgame • Day 3 | Josh Jacobs, Joshwork

Wow I made it to Day 3! 

What a wild ride it has been... For the last day, I wanted to add off of a day 1 and 2 build so I could end #Clonecomp with a full storyline. 

This one was definitely a challenge and I spent most of my time learning how to use Cinema 4D for the first time to add a little twist at the end. I put so much work into figuring out the mechanics for this final build and I hope you all enjoy :)

Go directly to my day 3 here:
https://clonecompday3-jr.webflow.io/day3

CloneComp Day 3 | Jordan Russell

An education-based Day 1 clonable for Clone Comp! Best for people with interest in custom js.

Only 100 people can be saved! Add groups of people to the rocket ship by filtering with F'in sweet CMS Library. Count the people in the groups and the total people on the rocket ship. Take off to Webflandia!

In Day 2, you're set up with the simple jQuery "clone" method. Clone people, things, stuff, etc. to repopulate civilization.

Need help with js customization for Day 2? We're here for you at https://sweetjs.io

peopleSaved & .clone()

cc-peoplesaved-jqueryclone

Day 3 of Clone Comp!

********************************
THINGS TO DO:
- hover on the rocket
- click both links at the bottom 
- when you're pushed back up, scroll back down

A re-think of my day one through @gorimmerman's awesome design.
It also links out to a more resolved version of my day 2 project.

earth_is_for_losers3_final

earth-is-for-losers3-final

Finsweet

F'in sweet submission for Day 1 of CloneComp!

Learn how to filter static elements on a Webflow project using the Finsweet CMS Library. Setup a counting functionality with custom javascript. And, create a clone machine with jQuery!

Watch our walkthrough videos and reach out to us on https://www.sweetjs.io/ for free support!

----
Check out CloneComp, for more information: https://clonecomp.webflow.io/

Brought to you by NoCode Video and Finsweet.

Discover clonecomp2020 websites built by the Webflow community

Discover clonecomp2020 websites built by the Webflow community