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

Update to my personal site. Took heavy inspiration from classic macOS. There are some fun experiences for visitors to find. 

Everything is done natively in Webflow using interactions including the color palette changes. I'm using CMS collections to drive the projects, tutorials, videos, and Webflow Weekly contents.

The whole site is a single static page and then the collection pages.

The UI is the same no matter where you are thanks to symbols which makes edits much easier.

Class naming and combo classes were huge for making the interface and interaction work smoothly.

EDIT 2020-11-10: this can now be cloned

mattOS

Hey everyone 👋

Mac is a retro themed template you can use for your personal website, blog, or whatever.

Clone the template and use as is or customize to fit your project :)

There's a bit of custom css for the custom scroll bar & cursor, plus I used css calc to figure out of bit of the widths / heights with the fixed header and such. 

If you end up using it for one of your projects let me know so I can check it out! 

Enjoy 👍

Mac Template

Meet Mac, a free retro themed template

Exploration of the scaling effect on www.apple.com/pro-display-xdr/

---

Prototyped by Jo Velazquez in Webflow
Inspired by Nelson Abalos Jr. / PixelGeek
Design fully attributed to the Apple.com team

Pro Display XDR

Apple: Pro Display XDR

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

Prototype - Mac Pro 2019

It was a great fun to re-create part of new Mac Studio website. I don't know if I used best way to do this but it's work and I'm really happy that I made it. Same as last time I focused only on desktop version.

macstudio-apple

Apple Mac Studio - Rebuild Website

Recreation of the Mac Pro landing page as demoed in Webflow community live stream: https://youtu.be/xfBheOFkWmg

Mac-Prototype

Mac Prototype (Demo Version)

Just tried to copy the current Mac Pro 13 Website.

Apple Mac Page

Apple Mac Pro 13 Website

Thank you for everything Mac!







Make sure you are logged in to Spotify.

Good News

Good News - Mac Miller

Kudos to Sebastián, Daniela, and Nayeli from Quo Agency for this Apple fantastic work! Sales inquiries and general comments --> https://go.quo.agency/3i2YsY2 

Apple Mac Mini landing page - by Quo Agency

Apple Mac Mini landing page by Quo Agency (on-scroll interactions)

Memberstack

Here's a remade version of the MacOS Ventura login screen with a hidden email input that redirects to a remake of the dock :)

Big thanks to @growth-web who made the dock remake used in this cloneable and inspired me to make this!

MacOS Login

Functional MacOS Login Screen

We corrected the Adobe icons
Adobe Creative Cloud fit icons adjusted to render beautifully on macOS Big Sur

Because the default Adobe Creative Cloud icons are not at the right scale

How does it work?

1. Choose the app you wish to update the icon
2. Right-click and choose Get info or CMD+I
3. Drag and drop your new icon to replace the small icon on the top left corner of the info window.
4. That's it !

Adobe Creative Cloud adjusted icon set for macOS Big Sur

adobe-adjusted-icon-macos-big-sur

A very minimal product page for a time-tracking Mac app.

Klokki Site 2.0

Klokki — Product Page

I love everything about the UI design of Apple products, and I'm sure most of you do too! 

So, it got me thinking - lots of people probably want their own products to look something like Apple's design - so, this is a great starting point!

The goal here isn't for you to literally make your own dashboard-based products, fully ripping off Apples' design - but, it's an amazing starting point if you want a similar structure and experience.

Apple Style Dashboard

Apple/MacOS Style Dashboard Freebie

vMall is a virtual reality/ virtual world shopping center that sells real world items from participating stores who have a virtual store in our space. It runs  across multiple platforms including phone apps (both using VR goggles and without) computer web browser based play, video game console (like XBox live). The user creates an avatar and will enter the mall in an mmorpg type platform, so they can interact with other players/shoppers.

vMall

Apple service center. Repair all device and Exchange old new device

iSwapp

iSwapp | Apple service center

Started as a Macbook 3d illustration attempt and endup with a Webflow site!

Gags MacBook pro

macbookpromini

Sitio web oficial de Daniel Burgos; Diseñador Gráfico, Publicador digital de Adobe, Adobe Certified Associated e Instructor.

Discover mac websites built by the Webflow community

Discover mac websites built by the Webflow community