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

Timothy Ricks

Sticker interaction I coded for a recent tutorial on my Webflow YouTube channel at https://www.youtube.com/c/timothy-ricks

T.RICKS Stickers

Josh Jacobs

Magnetic buttons are sorta like regular buttons, if regular buttons were zapped to life with witchcraft by html super-wizards from the future 🧲🧙‍♂️🧲🧙‍♂️

In all seriousness, this type of button is a dead-simple, easy way to add effective hover micro-interactions to any website. I hope you enjoy exploring how these buttons were made. Hopefully it helps spread understanding of the power of reusable interactions; one mouse movement interaction powers 90% of the button movement in this project.

Clone away, and let me know what you think in the comments!

*Inspired by this post from CoDrops:
https://tympanus.net/codrops/2020/08/05/magnetic-buttons/

**Like this project?
http://buymeacoffee.com/joshwork

🧲🧙‍♂️ MAGNETIC buttons, from the future! 🧲🧙‍♂️

Washington Teran

Hey guys,

I was browsing around the NFT market and I found inspired by how futuristic the art is, so I decided to make a little design sprint where the idea was to bring something that is game-related and robots together. 

I immediately thought about 2 things Tetris and Dead Love + Robots.
With those two in place, I decided to dig deeper into a layout that will represent these two ideas.

Do you guys think I hit the nail in the coffin? or is it a huge miss? 
Let me know in the comments.

NFT Marketplace

James Baduor

Useful front end template for dashboard or webflow devlink 

BerAI - Generative art platform

Strike Design Studio

@memory-work (http://memory-work.com/) launched a speculative scenario-fiction project called Memory Work an immersive audio experience exploring the futures of women’s labour and economic transformation through prisms of class, gender, immigration, status and race. Listen to the soundscape on the website.

Memory Work

Alem 'Buckshot' Bukvich 🤠

Futuristic Grid Glow Animation [CLONEABLE]

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

Futuristic Card Effect [CLONEABLE]

Aaron Rudyk

This is a fun AI experiment. 

I generated the striking visuals of this website with the AI artwork generator Midjourney. Chat GPT generated the copy and Gigapixel upscaled the image.

A more in-depth explanation is available below the website's hero section. 

AI generated landing page (Midjourney, Chat GPT, Gigapixel) 

Alexandra Hellweg

Website Redesign for a Nashville based company who provides the world with the most amazing gift: MUSIC!

Again I did all the ideation and prototyping in Figma. When the client was happy about the design I moved on to build everything in Webflow. 
It was pretty challenging to combine all these CMS collections. I guess this was my biggest Webflow website so far.

Website Design for the music industry

RNR Studio

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!

gorimmerman-clonecomp

Futuristic card hover animation using a dynamic clip path effect. 🔥 Source code provided by Codrops. 🙏

Like and follow to stay updated on future cloneables like this one. 🚀 Have questions about this cloneable, or need help customizing it? DM me on Twitter (@alembukvich). 🐦 I'd be glad to help. 😉

Sliced Image Hover Effect [CLONEABLE]

James Peel

peeldesign

Syla

Concept website and branding for shoe brand Xenon. 

xenonshoes

EL Passion

A custom design project developed in Webflow to introduce EL Passion's podcast, ITeracja, to the world. The site contains custom design, animation and a bold, high-contrast color palette.

Contact us if you need custom product or website design, as well as custom development in Webflow or JS. We'll build your next big thing, one sprint at a time. 

Custom podcast site for ITeracja Podcast

Luna Leonie

Have you ever wished you could look into the future? In casa futura you can experience the future of planet earth and learn about a sustainable, climate-neutral society. Because this utopia can already be realized in the present.

Immerse yourself in casa futura's four thematic areas, which showcase innovations and inventions, while simple tips help you learn more about what you can do today to ensure a good future. Climate change is a current, acute, man-made problem that has not yet been tackled adequately. For society, industry and the state are often the main culprits, which is why a change in behavior is first demanded of them. However, each individual can influence industry through their own consumer behavior.

casa futura

Dear Future Agency

🔥 https://samuraisaga.com for more info!
------------------------------------------
Inspired by samurai lore and love of robots, The Samurai Saga is an army of 9999 randomly generated NFTs that owners will be able to take into a gaming experience in 2022.

dearfuture-samuraisaga

Sidebay Studio

This template is for all those who want a quick, concise and efficient way to present their products, designs, videos or do some blogging. Image is important, so put your projects forward effectively. 

You even have all the tools at your disposal to create your complete style guide and customize it.   

The CMS is also ready. You'll just have to add your articles one per one. All this, totally free, so feel free to clone as much as you want.

Discover future websites built by the Webflow community

Discover future websites built by the Webflow community