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

Learn how to create an "ultra gradient" in Webflow. This cloneable is based on Fons Mans' Twitter thread (https://twitter.com/fonsmans/status/1569708218351247366). He wrote a tutorial for Figma and I tried to create it in Webflow without any imported shapes or images.

YouTube Tutorial: https://youtu.be/8ZHsLochLFA

Ultra Gradients in Webflow

Ultra Gradients in Webflow (Cloneable)

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)

iPhone Mockup Scroll Animation in Webflow

iPhone Mockup Screen Scroll Animation for your Portfolio

Just replace the image in your Webflow designer in the correct format. The device is vector-based and sharp at any size. The screen image will adjust to the device on a percentage basis.

Pro tip: the best way is to make the iPhone a Webflow symbol (component) so you can easily replace the image via the element settings.

Tutorial: https://youtu.be/YBRo3DKLVoI

iPhone & iPad Pro Mockups (Free Cloneable)

iPhone & iPad Pro Mockups (Free Cloneables)

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

This is the epic Grid layout that Apple has on its iPhone 14 page. The grid can occupy 3 items and is perfect to showcase product/service features


iPhone Grid Layout

iPhone 14 Grid Design Template

On scroll interaction from Apple's new iPhone 14 pro landing page.

AppleiPhone14pro

iPhone14 Pro On Scroll Interaction

iPhone 14 Pro made in Webflow Using Client First -- Follow me for more cloneable projects

iPhone 14 Pro rebuild by Mustafa

iPhone 14 Pro Full Page Made in Webflow by Mustafa

David Tran

I remake the Apple iPhone 14 landing page and animation with Webflow.

Learn more → @davidtranwd

Apple iPhone 14

iPhone 14 Landing Page

Ali Saeed's design and development portfolio. 

Ali is a Designer and Webflow Developer based in Kuwait. The website was previously hosted on Squarespace but now has been moved to Webflow. It was designed and developed fully by Ali, including a proper CMS-based structure.

Discover iphone 14 websites built by the Webflow community

Discover iphone 14 websites built by the Webflow community