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

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

T.RICKS Stickers

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

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

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

@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

Useful front end template for dashboard or webflow devlink 

BerAI - Generative art platform

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

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.

Copy of Altru Creative

Website Design for the music industry

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. 

Branding ai

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

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

peeldesign

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 [Codrops]

Sliced Image Hover Effect [CLONEABLE]

Futuristic Glow Animation [Hyperplexed]

Futuristic Grid Glow Animation [CLONEABLE]

Futuristic Card Effect [Hyperplexed]

Futuristic Card Effect [CLONEABLE]

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. 

ELP - ITeracja

Custom podcast site for ITeracja Podcast

Concept website and branding for shoe brand Xenon. 

Xenon

xenonshoes

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.

Samurai Saga v1

dearfuture-samuraisaga

From Gen Z to climate change. From personalized networks at our fingerprints to ecosystem designer. Download 2030 future report that I created in the times of the uncertain 2020.

Discover futuristic websites built by the Webflow community

Discover futuristic websites built by the Webflow community