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

Asad Digital

Hi! Here's the new version of the flipping cards. Feel free to clone it and use in your projects.

Flipping Cards

I found the effect on the iPhone 14 Pro (2022) site (the site is deleted by Apple every year if a new iPhone comes out.). 

Watch the Tutorial to see how I build the effect: https://youtu.be/w0tJnjrRTlg

Apple like Gradient Text Scroll Effect

Apple like Text Gradient Scroll Effect (iPhone 14 Pro Page)

I created a YouTube tutorial here (german): https://youtu.be/QU6Ux3yZW4U

apple-card

Apple Card Scroll Animation

I found the effect on the iPhone SE 2022 page (the site is deleted by Apple every year if a new iPhone model comes out). Variant #1 is using scale and is less cropping of the images. Variant #2 is more flexible. 

Watch the Tutorial to see how I build the effect:
https://youtu.be/dskrpNitKfs

Image Grid Scroll Animation from Apple.com

Airpod Pro Made in Webflow -- Follow me for more cloneable projects

Air pod pro website rebuild by Mustafa

Airpod Pro Made in Webflow by Mustafa

I am Nenad Grujicic, a 39-year-old, Yugoslavia -born, Sremska Mitrovica -based designer with 20 -ish years of experience in making brands and guis look good, feel great, and work well.

grujicic.com

Apple.com Website design Made-In-Webflow.

Wedoflow.com team put effort into implementing Apple Website using the Webflow platform to inspire the community to do cool stuff.

Feel free to use this clonable project for inspiration, and don't hesitate to give us feedback.

Best, 
WEDOFLOW.COM

Apple.com Website Clonable from WeDoFlow.com

Apple iPhone14 Website Clonable

Hello! I recreated the Apple's gradient bordered button. Feel free to use it in your projects!

Gradient Border

Gradient Border Button

Rebuilt iOS scroll animation with Webflow IX. 
ChatGPT4 generated time/date script.
It works perfectly on a desktop. 
iPhone Safari - has some delay when scrolling down. Mobile chrome works better. 

IOS-scroll

iOS Scroll in Webflow

iPhone 11 Pro made in webflow -- Follow me for more cloneable projects

iphone 11 pro website rebuild by Mustafa

iphone 11 Pro Made in Webflow by Mustafa

Landon

Inspired by the apple card website
This component is sure to amplify your site so even Tim Cook might come knocking

Test card flipping

3D card flip

fun microsite using javascript that you can easily edit which emojis pop out the sides

Emoji Shooter Fun Button | Assulin Microsite

emojimicrosite

本範例會演示如何用 Grid 制作出像 Apple 網站一樣的 UI
---------
了解更多 Webflow 👉  https://tenten.co/learning/tag/webflow/
Webflow MasterClass 線上課程 👉 tendemy.com
Webflow 中文社群 👉 webflow.tw
Webflow 資源 👉 assets.tendemy.com
影片連結在此 👉  https://youtu.be/tKf8v4JuXvs

Tendemy: Apple Grid

課程資源：Design Like Apple - Grid System

CROJungle

Gets your hands on a highly converting mobile app landing page. Reach out at hello@crojungle.com

Looking to boost your SaaS product's conversion rate? Check out our landing page templates! Our pages are modern and conversion-focused, with responsive HTML and persuasive visual communication. Plus, they're super easy to customize - so you can get the exact look and feel you want for your product. So why wait? Get started today and see the results for yourself!

HousePark

Mobile App landing page

Crypto startup/small business template.

This is a mock brand I created to resemble a defi project. All assets and content were generated by me.

If you want to get in touch for a project, email me here - hello@deannicholas.xyz

Thanks 😊 



Lumer

lumer-crypto

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

Beyond Agency

When working on a new website, the project lead usually has a pretty good idea of what they want. And 99.9% of the time, what they want is an Apple website for a fraction of Apple's budget! 😂

Maybe it's the clean lines, the simple layout, or the way that everything just seems to work perfectly.

Our latest project is a recreation of the recently released Studio Display page, and we think it turned out pretty well.

https://www.apple.com/uk/studio-display/

Apple Studio Display

M7 Branding & Design

Repairlab is an Apple Authorized Service Provider, located in Eindhoven, The Netherlands. The website has been designed and developed with a clear mission in mind: to streamline service requests in a beautiful and convenient user experience.

We implemented several interactions and scroll-animations, to make the website stand out that extra bit. Also, we worked with animated full-screen modals and an intuitive lead flow, to send automated mailings to customers.

Discover appledesign websites built by the Webflow community

Discover appledesign websites built by the Webflow community