Discover the best future websites created by professional designers. Get inspired and start planning your perfect future 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

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

peeldesign

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

Useful front end template for dashboard or webflow devlink 

BerAI - Generative art platform

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

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

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) 

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.

2030.design

2030 trend report

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

Concept website and branding for shoe brand Xenon. 

Xenon

xenonshoes

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.

Ontar

Ontar by Sidebay.Studio - Free Template

Agora aims to be the all in one ecosystem for GameFi, enabling the users of any web 2 or web 3 game to have user-friendly, in-game access to GameFi.

Agora

Agora - Safe, fair & sustainable GameFi hub

Website designed for NFT Scratchoff, a project blending gaming dynamics with the technology of NFTs. 

We hope you enjoy, and if you're interested in receiving a clone of this website feel free to reach out by messaging us directly or by contacting us at hi@fra-mauro.com.

Designed and Developed by Fra Mauro.

Discover future websites built by the Webflow community

Discover future websites built by the Webflow community