HOME > Templates

Recreating Apple's Website in Blocs 3

I have challenged myself to recreate Apple’s Mac mini website using Blocs 3 without knowing how to code.

Posted by @EldarGezalov on February 13, 2019
apple website recreation macintosh blocs templates
Blocs 3 is very capable web design tool for people who don’t know how to code.

At the end of last month, I have decided to create a new template for Blocs 3, but instead of just recreating the Blocs 2 template, I thought it is time to do something different.

So, instead of creating a regular website like I do almost every week these days, I have decided to take on a new challenge of redesigning some of the Apple’s website pages using just Blocs 3, without using any 3rd party code.

I wasn’t surprised to see that even by using just the core functionality of Blocs 3, I was able to recreate many elements of Apple’s website, all without knowing how to code.

Of course, some parts of the Mac mini page I have selected for my projects were not the exact copies, but overall I believe that the result is fantastic.

If you haven’t already, take a look at the video in which I explain what I have done with this website and share some of the details.

Subscribe to me on YouTube to watch more videos like this.

I am sharing the project files for educational purposes.

I don’t own rights to use the content like images and text, so this project is not for sale. I have only created it to test the capabilities of Blocs 3  and I will share it with Blocs Master students and Blocs Templates lifetime members, for educational purposes. If you are a member, you can download the files and see how I have created it.

If you want, you can replace the text and images, and then use these project files in any of your projects. Just make sure not to include any content from Apple's website.

In addition to sharing the project files, I have also created a couple of videos covering the techniques I have used to rebuild this website. I have shared all videos with Mastering Blocs 3 students in this month’s update, while one of the video tutorials covering the use of Parallax effect in Blocs 3 is available to the public on my YouTube channel.

You can take a look at it below.

Subscribe to me on YouTube to watch more videos like this.

Blocs 3 is a fantastic tool. It is not perfect, but when mastered, it can be used to create all kinds of beautiful websites, all without knowing how to code.

Check out the Blocs Website

Check out the Blocs Master

Check out the Blocs Templates

Posted in Templates

Email Newsletter

Join my newsletter to be the first to know about new articles, courses and templates, and get insight into my creative process.

View News Archive >
eldar gezalov trainer web designer

Eldar Gezalov

Trainer & Web Designer
I help people make beautiful websites, create online courses, and run online businesses.

Web Design Courses

Learn web design with Blocs

View Courses


Subscribe to my newsletter to receive latest news and updates.

Blocs Templates

Speed up web design workflow

Learn more

Learn About Blocs

Visit Blocs website

Contact Me

Have questions or need help?