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

Memberstack

Happy Friday 👋 Hope everyone is doing well.

Here's another browser mockup to showcase screenshots, product designs,  and page designs. 

100% built-in Webflow. Hope you enjoy!

Safari

Responsive Safari Mockup

Recreated a browser inspired by Safari’s Catalina OS which you can easily use it to add images or embed a website. It has three examples: Light, Dark and Embed. It was built with client-first and all in Webflow with only a couple lines of custom code (the aspect ratio).

Sign up for the lesson: www.webflowtips.com/b/how-to-create-a-browser

If you have any questions feel free to comment.

P.S 🙂  🙌  - Like or follow if this was useful for you.

24 of 50

Browser Mockup Catalina

Free Browser Mockup (Dark and Light) 

Here is a mix of two previous tips to create a Typing Terminal. There are four different styles that you can easily modify: Green, Light, Dark and Blue.

Some custom code was used for the typing effect (using typed.js library’s) and some custom css was used to modify the cursor color. 

Details:

✔ Calculate Div Dimensions
✔ Finsweet Client-First V1
✔Drag Window

Previous tips used in this mix:

https://www.webflowtips.com/b/how-to-create-a-browser

Sign up for the lesson: www.webflowtips.com/b/how-to-create-a-terminal-with-a-typing-animation 

If you have any questions feel free to comment. 

P.S Like or follow if this was useful for you 🙂 🙌

Typing Terminal

Typing Terminal - 4 Styles!

Hey everyone!

This is an example of a page reload on the browser resize. The page will reload when you reload the page. Make sure to follow me to get regular Webflow assets.

Make sure to clone it.
If you like these contents, make sure to follow us and check out uiflow.co

Visit us @ uiflow.co

Reaload page on resize

Uiflow Reload Page On Resize

We created some browser mockups to showcase screenshots of product pages and page designs. 

100% built-in Webflow. Hope you enjoy!

Chrome Browser

Interactive Chrome Browser

OSlash helps you and your team navigate & organize all the information (that lives in links) and make it accessible company-wide. With OSlash you can take long URLs and slash them to the exact opposite—short human-readable shortcuts such as o/roadmap or o/standup for the public, the company, your team, or just for you. So you can go from where you are to where you want to be — in less than a second.

OSlash

OSlash - The future of links is here

I created some browser mockups to showcase screenshots of product pages and page designs. 

100% built-in Webflow. Hope you enjoy!

Chrome Browser - Light

Light Chrome Browser

Happy Tuesday! Back again with a fully responsive "Access Denied" page. If you're using this with Memberstack, then you can prompt logged-in members to upgrade or prompt logged out member's to create an account. 

The preview image to the right is half Webflow and half image. The Chrome Browser mock is 100% built in Webflow and fully responsive. You can add your own image by double clicking the image inside.

Access Denied Page

Chrome Browser - Dark

Dark Chrome Browser

Firefox Browser - Dark

Firefox Browser Mockup - Dark

We created some browser mockups to showcase screenshots of product pages and page designs. 

This one has some fun interactions! Assuming you can communicate that it's interactive, your audience might find it useful.

100% built-in Webflow. Hope you enjoy!