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

Waldo Broodryk

I was super inspired by the incredible work done by the team behind the Epicurrence 8 site design that I just had to take a stab at rebuilding it this past week 💜

Epicurrence site rebuild (2018)

Kai Jolly

New cyberspace transmission detected. Please intercept and initiate visual scan...

The concept behind this website is that you 'Add to Cart' the different web elements you require to build your new website before checking out to open the contact form. No real products or transactions involved! The 3D images are modeled and rendered in Blender. Also includes a Sketchfab embed to view the 3D model. Thanks for looking! :-)

Web Elements 3D

Plan your voyage to Earth's moon, to Mars, Jupiter or Saturn!  

Original concept and design by Mike Delsing, brought to life on the web in Webflow by yours truly.

Spaced - To Space & Back — responsive, interactive website 🚀🌙🌎✨👾

I am inspired and honored to work with Ryan Morrison at Webflow, he does amazing work! Ryan recently designed a beautiful illustration for our new home page at Webflow, the moment I saw it, I just wanted to animate and build it all in Webflow. 

So I decided to bring it to life in Webflow without using any images, yep, those are all div blocks :D

Recreated illustration and animation

Halo Lab

The Institute researches the issues of today’s urban reality. Their students and contributors are eager to make the cities of the future sustainable, multicultural, safe and healthy. The change is made by those who are at a leading edge of architecture and urbanism.

Spaces Urbanistic

Vincent Bidaux

More an experiment than an example to follow... a vertical parallax using only webflow and custom CSS code. It's a bit hard to fine tune and maintaink lot's of tweaking, but it mainly works.

CSS only Parallax with Webflow

Inspired by Nasa's amazing Visions of the Future poster series... Made with Interactions 2 and 3D Transforms. Thanks for looking! :-)

Cloud 9 Observatory

Alex Hartan

No matter how isolated we feel because of the pandemic, we'll never know how it feels to be 300 million miles from anyone else.

I created this landing page in Webflow, to celebrate the astonishing feat of landing a rover on the Mars surface, and setting the foundation for future expeditions.

I had lots of fun creating this, so feel free to like, comment and clone this project. 🤘

Perseverance Mars Rover

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

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

Phunk Creative

We needed the new Phunk site to showcase the best of our creativity and development skills, while taking full advantage of the technical possibilities and design freedom Webflow offers. We used Spline integration to develop three animated characters, each representing one of our three offerings — web design, software development, and graphic design — set against a dark, tech space theme with punchy blue accents. 

The site is fully responsive to ensure brand consistency and an intuitive user journey across mobile and desktop devices  — and features Calendly integration for seamless client call booking. To make sure our client work stands out, we designed custom themes for each portfolio case study, matching the brand identity of the project we’re describing, for a more immersive experience. 

The result is a highly functional site which pairs slick animation and transitions with a friendly and relatable brand persona while foregrounding what matters most: our output.

Benjamin Le Goff

Here's another website exploration!

There are 3 animated pages on this project :

1. 404 Page (https://play-lottie-animation.webflow.io)
2. Login Page (https://play-lottie-animation.webflow.io/login)
3. Sign-up Page (https://play-lottie-animation.webflow.io/sign-up)

Playing Around with Animation

Digital Butlers

Digital Butlers #1

Hi there! 

I designed and built the template for the music artist website for https://www.graphicowls.com. Filled in black. Inspired by space.

Check this out! I will be glad to know your thoughts.
Thanks a lot. 

Feel free to clone it 👍🏻

Artist Site Template

Roman Evans

This is a website of Awesomic – a Y Combinator-backed startup that matches companies with the vetted designers instantly.

We used trendy gradients, custom illustrations, as well as the Lottie library to render real-time animations. The dark website theme helped convey the brand’s story and its message. 

Want an awesomic design for your website? Click to arrange your demo
https://www.awesomic.io/demo

Awesomic

Alex Dram

A year and a bit more of development and here is the result. I gave IX2 a real spin here. Hopefully you will like it not less than I do!

updated version is here:
https://webflow.com/website/Alex-Dram-Portfolio-v12

Alex Dram — The Portfolio

Maria Karavá

Two-coloured spiral galaxy. 
In the code, you can uncomment the lil-gui debugger to help set up. (especially the colours)

Spiral Galaxy

Master Flowmaker

3D Name

034 - 100 days of @webflow interactions

#34 3D Name

Inspired by the beautiful static design of Michael Korwin, I built out a NASA home page mock-up in Webflow and recorded the process. 🚀

NASA 🚀  Design by Michael K. built by Waldo in Webflow

1070795817

1309657251

1316201488

1316201489

1592612642

1863160016

1905118106

2144870841

2216482092

2351366352

2355632600

https://s3.amazonaws.com/webflow-dev-assets/66fd83b6cc0c8c6ed0e398e6%2Fcontent.json

2401116685

2486364096

2546957535

2789269995

2857348505

2929119789

3112069432

3258716925

3289310561

3313039722

352651922

3557227276

3590523401

3591394191

3686551772

3913199261

3931106129

3934148661

4041193489

4083567884

4092855684

4103643638

4206156914

451433404

622649767

622649768

657188092

737109165

772001133

882147072

938734410

105340574

1120744071

1131151533

1171384976

1185683512

1197475705

1197746894

1229056119

1234765101

1236803103

1290849437

1292405251

130043074

1322655470

1336067073

1350250754

1380896143

1406455659

1418395020

1433303746

143629253

1455163268

1455742168

1457420719

1458975701

1499868407

1501922903

1557989767

1568482678

1587714147

1665126082

1680586027

1753134293

1775656907

183596474

1857805694

1925696804

1928608458

1944913766

1968719184

2031799369

2085494476

2091902242

21336891

214950889

2161096664

2182233325

2193997669

2195150436

2198334698

2224902271

224017973

23146391

2340184165

2348917033

2354820654

2361218180

2388854597

2433588987

2458909760

2465149363

2487845889

2491501114

2494249199

2502070427

2519229707

2524380347

2529408901

2550320370

2605123638

2636510003

2663519398

2685146257

2702114298

2714120603

2715927287

2718510159

274817750

2753418190

2759911512

2776696732

2781896974

2825044701

2860045578

2867851366

2886076224

2886816758

2907110567

2974679073

2978864049

3017737205

3049370236

3081421921

3091005856

3096464966

319846500

3221145664

3229469216

3245744487

3258263545

3330964648

3375039294

3385366709

3446095163

3472268204

347694146

3569511999

3570326623

Best Space Websites | Free Examples & Designs

Discover Space websites
built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Space websites built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. .css-ac9ku6{color:#2E5CFF;font-weight:normal;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;}.css-ac9ku6:hover{-webkit-text-decoration:underline;text-decoration:underline;}Looking for templates?

Discover Space websites
built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?