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

Alex Hartan

All the images you've seen of the Solar System are wrong.

The true size of the Sun, planets, and their orbits would make it impossible to fit everything in the same frame.

In this interactive demo, I invite you to explore that, hoping that together we can behold the sheer beauty that lies in our own cosmic backyard. 

If you found it useful in any way, don't hesitate to like, share and clone this project. I love building these animated models, so if you have a suggestion for the next one, let me know!

The Solar System

Tilipman Digital

Overview: Cosmos is the first project I ever completed in Webflow on my own. While it was in the same visually, except for the countup animations, I have touched it up in order to make the project have cleaner code, use less unnecessary javascript, and improve the SEO performance of the page. 

Details: While most things remain the same, the navigation effect was initially created using 2 navigation elements. This is a poor practice for SEO. I changed it to 1 element + vanilla JS for the effect. I also replaced a large portion of hover animations & used custom css animations instead. This way, less unnecessary JS is used and therefore, cleaner & better performing code. The last touchup were countup animations using finsweet attributes for integers & jQuery + ajax for decimals.

Disclaimer: The site was not designed by me. In fact it already exists & here's the url of that site: https://cosmos.network . The project I made was for educational purposes only!

Cosmos

Is it possible to recreate the iconic Star Wars title scene in Webflow?

With Webflow's 3D transform, some custom animations, and a bit of JS, you definitely can! 

Feel free to like, share & clone this project and add your own 3D text using the CMS.


Merry Christmas!

star-wars-intro

If you could see back in time, where would you look? 👀

This is the biggest question James Webb Space Telescope asks every astronomer, every cosmos enthusiast, and every child gazing at the night sky.

On July 12th we received the first images from James Webb, and boy were they spectacular! 🤩

Besides seeing in the farthest reaches of our Universe, we also saw what it looked like a few hundred years after the Big Bang when our Universe was still in its infancy. ✨

𝗧𝗼 𝗰𝗲𝗹𝗲𝗯𝗿𝗮𝘁𝗲 𝘁𝗵𝗶𝘀 𝗿𝗲𝗺𝗮𝗿𝗸𝗮𝗯𝗹𝗲 𝗮𝗰𝗵𝗶𝗲𝘃𝗲𝗺𝗲𝗻𝘁, 𝗜'𝘃𝗲 𝗰𝗿𝗲𝗮𝘁𝗲𝗱 𝘁𝗵𝗶𝘀 𝗶𝗻𝘁𝗲𝗿𝗮𝗰𝘁𝗶𝘃𝗲 𝗺𝗶𝗰𝗿𝗼-𝘀𝗶𝘁𝗲 𝗶𝗻 𝗪𝗲𝗯𝗳𝗹𝗼𝘄, 𝗮𝗶𝗺𝗶𝗻𝗴 𝘁𝗼 𝘀𝗽𝗮𝗿𝗸 𝗰𝘂𝗿𝗶𝗼𝘀𝗶𝘁𝘆 𝗮𝗯𝗼𝘂𝘁 𝘁𝗵𝗲 𝗖𝗼𝘀𝗺𝗼𝘀 𝗮𝗻𝗱 𝗼𝘂𝗿 𝗽𝗹𝗮𝗰𝗲 𝗶𝗻 𝗶𝘁.

To stay up to date with this project, please follow me or subscribe to the newsletter on the site. ✌️

Note: 
This site has some custom JS, so hit open live site to enjoy it fully!




Webb Flow

Ihor Ivanchenko

Corporate site for Universal Payment Method. 
Space style design and interactions.

Akari

RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

+j+2BnaQSkzkNe0dpNHl103pbsRtVlBy3Ivqpwb7bho=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

0ACb5hSoxo1svvHlhJqD4sUSDGJ97B1kBGWGGxycXu4=

6s1k2w6SLnWj64d28WQrv9HQMxjAQ6/qFXIbthFaqKc=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

BEaEBzmJ+dCz7bi9Xenx+kQRiui5/usgymUiFzHdUSk=

EA6pIl34ynZu2fCXtDsf5N+8HjgmFW1iWFEJidJmjwE=

JCIMc2jHTforX4kLxzXeocMmrYb+LnAgwZU0w3bCzQY=

LtNTzuGC6a/O4opneIzFRwuxaT7A0jTPzl4xxFVOaJU=

OKA/wpW5U0/bGFF7Bsd9Jpz9vIcGmsLeCg4ac42B+uM=

P7vOA+qkoiRS/9UWXIUHxm+CI0lSj7WY2ZBiK9KyND4=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

Qdld2j63j/MIDqhyo7Y3RiOeFhBqJglREH2O+FwXR9I=

Sf9qPmyeAJlqj4x6Kz5SNESMv5Qs7ARqsnNruitgYpA=

USOHvTUI3mh2ib/mMwbKTyTADvigSfSmb3MXH/HsN6A=

XGglpWsF+VpgOjXfIqzwrxv0n1E+aPydxJbt23zu0UA=

Zf6XyBzSm/LtmgDvoXinw+Hi6BMMwoaUJHcowJ8ikX0=

eDXaquyPVYoFNZ+HLRFOqPbAk7N1nlRiJhbhe4g83Es=

gok0DFmTbYmfgm71+6/UBa9YMdK9fta9tVCYCvw0mUk=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

n9lKHF86NGBCOKJ/o3Xl/F++i0ke7eTshw4YJ60x+20=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

qriyvYyof2e0nw26zR6JThjy67bKClLhvHTizM7yDcg=

tOlureLazS6/pYwbqdKmud6Bvaf9nA4m71Uoyrhnjxo=

wV9d2LzLij/UwbGC8MXX+RHNBZ5d/rww134rq+krlJQ=

whJ3jNLC0SO8XSaY/XPhiyr+uvZwcHDCMcIF6SZYwb8=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

Best Cosmos Website Examples & Free Designs

Discover cosmos websites built by the Webflow community

Discover cosmos websites built by the Webflow community