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

I'm on a mission to prove that you can build practically anything with Webflow and nocode tools. So I natively developed the entire PS4 experience for desktop and included nearly every feature.

Protocore develops websites and advanced software prototypes for startups.

PlayStation

Rebuild → Playstation 4

SMALL STEP FOR CIVILIZATION, GIANT STEP FOR NOCODE

Nocode tools are often viewed as primitive website builders. So I rebuilt Civilization VI and published the largest Webflow project ever featuring 12,400 elements, 1,800 styles, 1,200 assets, and 400 interactions.

This prototype is a loving tribute to Sid Meier and one of my favorite games of all time. I've integrated all 46 leaders along with their soundtracks and nearly every feature in the game.

The project stands at a whooping 124GB! The next time someone tries to dismiss nocode or asks you what's possible, just ping them this link :)

Civilization.webflow.io

Masterclass - https://youtu.be/Ma7Cl5_eSJc


********************************************************************


I develop advanced software prototypes and MVPs for companies. If you would like to bring your ideas to life within hours, hit me up :)

I'm on a mission to unlock and share the full potential of nocode tools.

Follow my journey 👉 twitter.com/sarkisbuniatyan

Civilization VI

Rebuild → Civilization VI

Design, prototype, and collaborate in 3D for 3D.  Build standalone mobile AR apps or add augmented reality features to existing ones.

TORCH.

Torch - Mobile AR Design and Prototyping

𝗦𝗮𝘆 𝗴𝗼𝗼𝗱𝗯𝘆𝗲 𝘁𝗼 𝘄𝗮𝘁𝗰𝗵𝗶𝗻𝗴 𝘁𝘂𝘁𝗼𝗿𝗶𝗮𝗹𝘀 𝗮𝗻𝗱 𝗳𝗼𝗹𝗹𝗼𝘄𝗶𝗻𝗴 𝘁𝗲𝗱𝗶𝗼𝘂𝘀 𝘄𝗮𝗹𝗸𝘁𝗵𝗿𝗼𝘂𝗴𝗵𝘀...

Restep repeats the clicks and key strokes of talented makers on your device. Learn from the best click-by-click and take your no-code game to the next level through our chrome extension.

Take a sneak peek at our upcoming release. Follow us on twitter.com/restepio for the latest and visit restep.io to join our beta.

Restep Prototype

Restep v2.0 - Prototype

Memberstack

NOTE: Codeless Login is now MemberStack. http://memberstack.io/

We're building codeless user accounts for Webflow! 

Click the "Request Early Access" button to be notified when it's ready.

Webflow has officially started their version, but we want to create a simple prototype you can use in the meantime. What that looks like, depends on the response we get from you, & how quickly Webflow finishes the official release. 

If you want :
 - users to sign up on your websites with a username & password
 - enable/disable access to content/pages for different user types.

Please like, clone, and (most importantly) click the "Request Early Access" button to be notified when it's ready. 

(P.S. You have to open the live site to submit the form)

Codeless Login Animation

Codeless Login | User Accounts for Webflow Projects

I'm a Product Designer and Frontend Developer with more than 16 years of experience. My experience and knowledge have been trusted by TechCrunch, Timewise, CX Workout, Expectful, wikiHow, Appraisal Scope, and more. My mission is to solve user challenges and convert them into loyal customers. I’m passionate about transforming complex problems into easy-to-use solutions. I'm always open to discussing new exciting opportunities.

Ivan's Portfolio

Personal Portfolio

Before we shipped the navigation you see on our website today, we made a lot of prototypes. Here’s one of them for you to open up in Webflow and see how it’s built. (Note that since it’s a prototype, we didn’t spend time making it mobile-friendly).

MEGANAV v2

meganav-v2

Having some fun with Interactions! 

Feel free to spread and share

Zoomslider

Zoom Slider

A prototype of an administrator login page.

Prototype - Admin Board Access

Prototype - Admin Board Intro

Quick proof of concept to try and replicate the effect from: https://demofestival.com/

Prototype - MouseTracker

Prototype - Mouse Tracker

Webflow launched Maker Day, a 24 hour remote design-a-thon aimed at creating a working website or prototype.

So I redesigned and prototyped Zoom and placed it within a sneak peek of my upcoming rebuild of MacOS Big Sur. Clone. Learn. Enjoy!

Watch My Demo - https://youtu.be/pDT2VG1jPfQ

Zoom

Protocore Original →  Zoom Redesign

A little website I built to showcase what's on offer with this UI kit. 

As this my first website in a loooong time, I'd like to know what you feel 😊

Clone if you'd like and ask if you have questions 😊

Also, all native webflow and no custom code 😊

Unsplash UI Kit

Unsplash UI KIT [FREE]

I have seen many shots inspired by the Neumorphism or Soft UI trend. Many already love, others already hate, and I decided to test how this trend would work applied to the front end.

Feel free to play with the interface, push the buttons and see how this trend behaves in practice. Everything was built with HTML and CSS only, except for the central LP image.

What do you think? Does this trend have a future? I honestly don't know yet, but it gave me a few good hours of fun! :)

Neumorphic UI

neumorphic-ui

Hello everyone! Here's a prototype of Twitter's UI. I don't really use Twitter that much, but I found the design interesting. Icons used are from Font Awesome as usual. Feel free to clone and have fun!

Prototype-Twitter

Prototype - Twitter

MEGANAV v1

meganav-v1

An app concept of a medical appointment service. 

You can also go through the steps of booking an appointment! ;)

--

As a strong advocate of using Webflow for user interface design and prototyping, I often design product ideas with this great tool.

Webflow Medical App Template

webflow-medical-app-template

Prototype recreating the landing page for the newly announced Mac Pro 2019.

Prototype - Mac Pro 2019

CMS overlay on click (technical prototype)

yep, its responsive ;)

As you can see, every CMS item has a different grid-size. I achieved this with very little custom CSS code. The code is implemented inside the body at the very bottom. If you want every item to be the same size, just delete the custom code. Thats it.

Keep in mind that links inside the overlay won't work. As soon as you click anywhere in the overlay it will close itself instead of triggering the link.
If someone figures out how to achieve this, feel free to write it down in the comments and I will implement it in the project.

Discover prototype websites built by the Webflow community

Discover prototype websites built by the Webflow community