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

Click anywhere on the page for sound when scrolling

Portfolio Lists

Zabal Media - Design & No-Code Development

Wilian's Product Design Portfolio

Here's an updated approach to our previous guide on locking body scrolling on click. This is a useful code snippet to block scrolling on popup CTAs,mobile navigations, etc

⁃⁃⁃⁃

Component Submitted by

Alex Iglesias Piñol
https://webflow.com/alexiglesias

⁃⁃⁃⁃

🥰 Support Us:

𝙄𝙛 𝙮𝙤𝙪 𝙚𝙣𝙟𝙤𝙮 𝙤𝙪𝙧 𝙘𝙤𝙣𝙩𝙚𝙣𝙩, 𝙥𝙡𝙚𝙖𝙨𝙚 𝙘𝙤𝙣𝙨𝙞𝙙𝙚𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩𝙞𝙣𝙜 𝙪𝙨 𝙤𝙣 𝙤𝙪𝙧 𝙨𝙤𝙘𝙞𝙖𝙡 𝙘𝙝𝙖𝙣𝙣𝙚𝙡𝙨. 𝙔𝙤𝙪𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩 𝙝𝙚𝙡𝙥𝙨 𝙪𝙨 𝙜𝙧𝙤𝙬 𝙩𝙝𝙧𝙤𝙪𝙜𝙝 𝙧𝙚𝙖𝙘𝙝𝙞𝙣𝙜 𝙛𝙪𝙧𝙩𝙝𝙚𝙧!

⦿ Website @ www.flowbase.co
⦿ Webflow @ www.webflow.com/flowbase
⦿ Twitter @ www.twitter.com/t_bekkers
⦿ Instagram @ www.instagram.com/flowbase.co

⁃⁃⁃⁃

✒️ Licence Notes:

⦿ Images available under CC0 (Unsplash, Pexels, Freepix or Similar)
⦿Typography available under SIL Open Font License 1.1 (Inter)
⦿ Iconography available under CC0 (UpLabs, Flaticon, Noun Project)

Webflow Lock Scrolling

Webflow Lock Scrolling (iOS Working)

Ben Locsei

"Caret is an app for personalizing presence info with automated context & interactive B2C/B2B services. Automatically assign real time statuses to phone numbers."

// Pre-release build, may contain production errors. Placeholder content.

Application Website

Caret

Washington, mobile app made with Webflow. For a better experience preview the app using a mobile device, iOS or Android.

Download the HTML version on Themeforest! 
http://bit.ly/2cWgKFN

Washington

Mobile App

I love the AppleTV remote and how it interacts with apps. I'm gradually developing all the primary tabs from the ground up natively in Webflow.

AppleTV Weather

Element → Apple TV Tab

Flowout

Layer - mobile app landing page.

If you need help setting up and modifying the template, or if you would just like to show your support, you’re welcome to visit us on flowout.co

Flowout Layer

An interactive navbar based off of the macOS style.

iOS Navbar w Toggle

macOS Navbar with Light/Dark Toggle

Apps Webflow Template was crafted to deliver a seamless browsing experience to your users, to transform them from visitors, to app downloaders and active users. It follows latest 2021 design trends, so your website will look flawless.

- - - - - - - - - -

Interested in Apps Webflow Template?

• Check out a live preview here: https://appsecommercetemplate.webflow.io/

• Purchase it now for $79 on the Webflow Marketplace: https://webflow.com/templates/html/apps-ecommerce-website-template

- - - - - - - - - -

Looking for an amazing Webflow Template for iOS, Android, iOS App, Android App, Application, App Store, Technology, App, Mobile, Software, App Landing Page, iPhone App, Tech, SaaS, Mobile Apps.

• BRIX Templates - Looking for another template? Take a look at our collection of premium Webflow Templates on https://brixtemplates.com/

• BRIX Agency - Looking for a hand to design & develop an amazing Webflow website? Get in touch with our amazing team on https://brixagency.com/

[Showcase] Apps | Webflow Template

Apps - Mobile App Webflow Template | BRIX Templates

I designed Olivia AI's marketing website, which garnered enough attention to earn it a coveted spot on Planet of the Apps, by Apple.

Olivia.ai

Olivia AI – Financial Assistant for iOS

A simple, sleek app download section you can add to your site easily.

App Download Section

App Download Elements - Apple & Android

ThreeSixtyEight

This is a mobile app we created in Webflow for our agency team retreat to Nashville.

Team Retreat App

Itinerary Mobile App

Memberstack

I rebuilt a Dribbble shot by Danilo Tanic (credit below). 

The project has a Loom video which explains how everything works. There's a bit of custom code to style the tabs and make it easier to edit in the designer. 

If you have any questions comment on the Loom video and I will get back to you there.

Designs - https://dribbble.com/shots/16545424-iOS-Onboarding-and-Subscription

Photos -
https://www.pexels.com/photo/man-wearing-white-pants-under-blue-sky-999309/
https://www.pexels.com/photo/woman-exercising-bear-body-of-water-1300526/
https://www.pexels.com/photo/woman-in-gray-leggings-and-black-sports-bra-doing-yoga-on-yoga-mat-3823039/

Upgrade Plan Modal

iOS Inspired Upgrade Modal | Pricing Component 

App X Webflow Template is our latest template for top-notch mobile apps looking to have a cutting-edge website design. It includes everything you will need to create an amazing website for your app as easy as 1, 2, 3.

- - - - - - - - - -

Interested in App X - Mobile App Webflow Template?

• Check out a live preview here: https://apptemplate.webflow.io/

• Purchase it now for $79 on the Webflow Marketplace: https://webflow.com/templates/html/app-x-app-website-template

Looking for an amazing Webflow Template for iOS, Android, iOS App, Android App, Application, App Store, Technology, App, Mobile, Software, App Landing Page, iPhone App, Tech, SaaS, Smartphone, Mobile Apps.

- - - - - - - - - -

• BRIX Templates - Looking for another template? Take a look at our collection of premium Webflow Templates on https://brixtemplates.com/

• BRIX Agency - Looking for a hand to design & develop an amazing Webflow website? Get in touch with our amazing team on https://brixagency.com/

[Showcase] App X | Webflow Ecommerce Template

App X  - Mobile App Webflow Template | BRIX Templates

Landing page for an app that helps people give objects.
I animated some SVG illustrations using Webflow Interactions and added some  video previews of the app using the Bg Video feature.

Bastapp - Faites de la place, respirez.

Bastapp - An app that helps people give objects.

This input field also triggers native andriod and browser date pickers.

"Date time local" is an input field used in web forms to collect date and time information from users. It allows the user to select a date and time using a graphical user interface (GUI) widget, this GUI is built-in all modern browsers like Chrome, Safari, Mozilla and Edge.

Because Webflow currently does not support date-time-local as a native element iin form, we can use a code embed to use this date-time-local field.

Made by 💪🏻 theThind
https://www.thethind.com

date-time-local

Native iOS Date Picker in Webflow

Superwall

Common elements found in mobile payment screens. Clone to your heart's desire. Want to embed this is your iOS app? Sign up for Superwall! → https://superwall.me

Master Template v1.0.4

45+ Paywall Elements

I found the easiest method to do this. Refer to the custom code section to see what was changed. This method should work with all the notched iPhones (iPhone X, XS, 11, 11 Pro, etc).