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

Make your mockup look more dynamic! I wanted to animate a "phone unlocking" animation to reveal content. Here is the result!

Auto-updating time: Date & time on the phone auto-update based on your user's current date. 

Since the iPhone GUI has been recreated - the phone is able to unlock and reveal content on scroll. The mockup is fully customizable - you can easily change the wallpaper and content. The mockup animation is responsive on all devices.

Phone Unlock

Animated Phone Mockup

Hello all! This is my first public showcase and decided to redesign the Hulu Homepage from scratch with Webflow in one day! Enjoy and use for your own educational purposes.

I will be tackling other popular sites, video games and software soon to share with you all. Finally getting back into Webflow after 6 years and it's feeling great. Happy Holidays! 🎄

Hulu - Redesigned by Dylan Opet

Hulu - Free Template

This mock-up was made only as a study of an experimental UX design into the webflow platform from scratch.

PS.: Only desktop version for now :)

Just an UX experiment

Just a UX experiment

Iphone Mock

iPhone mock

Mock Moving Company Homepage

Created a mock up of what the Tesla Model 3 UI could look like. I wanted to focus on voice commands to help drivers keep their eyes on the road rather than looking for things to click on.

teslamodel3

Tesla Model 3 software UI mock

I designed a mock-up site for Ten Hundred’s Vivid Kingdoms. It’s best viewed on a desktop but still works on mobile. If you hover over cards they flip or fan out. I used Raymmar Tirado’s Card Hover cloneable for a base of the card sections.

Vivid Kingdom

vivid-kingdom

Jackson Ramey

This was mock website made using the desktop design that was done by Stanchev Sergey, a Designer at Finsweet. The design was created in the Relume Design Challenge. This is made using client-first naming system.

Here is the Youtube link: https://youtu.be/GBryx6pVTp0

Sergey Relume Design Challenge Remake

Sergey Superare Relume

Hand Drawn Illustrations -> iPhone Camera -> Photoshop -> Figma -> Webflow. NFT shop mock-up type site. Might be buggy in showcase viewer, try live site :) 

// the feral pigeon

NFT Shop Mock-Up // feralpigeon.io

What IF Web

As the end of the year approaches and discussions about ChatGPT & Midjourney dominate the conversation, we decided to have some fun and challenge ourselves.

We brainstormed and eventually decided to create a product page for a brand-new backpack. Using Midjourney, we quickly created a product mockup and then multiple colour variations with Photoshop. With Midjourney we also created a stunning hero shot, images of our "clients," and even a fake news company that promoted our backpack.

To write the website copy, we turned to ChatGPT and within an hour, it helped us craft everything from catchy headlines to button text for the whole page.

Thanks to Relume Library, we were able to design our page in Figma and then bring it to life in Webflow in under three hours.
In just under five hours, we had a fully functional mock landing page, all thanks to these powerful AI tools and Relume Library.

p.s. even this was written by AI

Discover mock websites built by the Webflow community

Discover mock websites built by the Webflow community