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

Mor Tene & Ilya Lisi

Horizontal version of how it works section. Hope it will be useful.

how-it-works-scroll-horizontal

Vimalan Vijayasekaran

Showcase your app features in a much more interesting way! 

This was a heavily requested cloneable from one of our previous work. Only built using Webflow interactions.

Responsive for ALL breakpoints.

Specific tablet and mobile versions included!

Inspired from: https://timeframe-app.webflow.io/

[Cloneable] Scrolling App Features Showcase - Responsive

Zack Bujazia

~ Artisan Website Co. ~

We are a husband and wife creative team based out of Las Vegas, Nevada. We create custom websites and immersive brand experiences. 

We are not the type that cuts corners, we only take on one new project at a time. Everything we do we put all of our heart and energy into. 

We wanted to make our site is available to clone, but please don't take credit for any of our work and be sure to swap out all projects with your own.

All services, projects, and blogs are easily manageable via CMS.

Not required, but we would appreciate a link back to: https://www.artisanwebsite.co/

Artisan Website Company

Memberstack

Goal: Create the highest quality UI Kit for Webflow forms. 

I'll be regularly updating this project for the next 90 days or so. Please submit your feature requests and feedback to duncan@memberstack.com. 

There are sooooo many excellent projects on the showcase today, but nothing that collections the best Webflow Form elements in one place. It'll take a few weeks to finish, so I decided to share it early to collect feedback and ideas. I'll post a mini-cloneable project each time I finish a section or exciting component. 

Please like/clone this project to help others find it too! 

Planned input types:
→ Button
→ Checkbox
→ Color picker
→ Date selector
→ Date and time selector
→ Email input
→ File uploader
→ Hidden input
→ Image button
→ Month and year selector
→ Numeric input
→ Password input
→ Radio button
→ Slider
→ Reset button
→ Search input
→ Submit button
→ Telephone input
→ Text input
→ Time selector
→ URL input
→ Week and year selector

The Ultimate Webflow Forms UI Kit

Tim Daff

A mockup phone frame that scrolls a screenshot of mobile site within it.

Mockup Scroll

Dhruv Sachdev

Make your mockup look more dynamic! I wanted to animate a "phone unlocking" animation to reveal content. Here is the result!

Auto-updating time: Date & time on the phone auto-update based on your user's current date. 

Since the iPhone GUI has been recreated - the phone is able to unlock and reveal content on scroll. The mockup is fully customizable - you can easily change the wallpaper and content. The mockup animation is responsive on all devices.

Animated Phone Mockup

Kazuhiro Oz Hashimoto

Created the form with a JavaScript plugin for entering and checking international phone numbers.

※You can check the code from Home Settings

International telephone input
https://intl-tel-input.com/

I'd be happy if you LIKE the article or template.👍
Or follow my twitter (@0xOzh)

International Telephone Input

Ali Tariq

UPDATE: This project is now mobile responsive AND cloneable! The naming conventions are still a bit of a mess, but I didn't want to hold back on this much longer. And if you want to see the true mobile experience, pls view the site on your phone! For some reason, it doesn't translate as well to resizing the browser.

*** 

I've always liked Framer's landing pages, the latest one being no exception. So I decided to try to recreate it and learn a thing or two.

Even though it's a simple looking page, the act of combing through their details revealed a lot of small polished touches here and there that were actually quite involved (for me anyway!). They use card overlays on top of videos, subtle timed animations, etc.

Framer X Landing Page Clone

Webflow

Learn how to use Cinema 4D and After Effects to render a 3D phone as an image sequence, then import the sequence into Webflow to tie the animation to a website's scroll position.

Full course, plus downloadable assets: https://wfl.io/after-effects-lottie

worlds-thinnest-smartphone

Mike Delsing

Talk about a fun project. Designing an app, designing a landing page, developing the page in Webflow, and even dabbling in some 3d (C4D lite to lottie).

Very early on in the pandemic, we were tasked with creating a social distancing app and landing page. Our goal was to create a more light-hearted experience for such a serious topic. We tried to achieve that by utilizing Pablo Stanley's Open Peeps illustration library (webflow.com/pablostanley).

𝗔𝗴𝗲𝗻𝗰𝘆: Creed Interactive
𝗔𝗽𝗽 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁: eKreative

———

𝗙𝗲𝗮𝘁𝘂𝗿𝗲𝘀 𝗮𝗻𝗱 𝗔𝗰𝗰𝗼𝗹𝗮𝗱𝗲𝘀:
• Awwwards
  → Honorable Mention
  → Mobile Excellence
• CSS Design Awards
  → Site of the Day
  → Best UI Design
  → Best UX Design
  → Best Innovation
• CSS Awards - CSS Gallery
• CSS Winner - Stars
• One Page Love

———

⇨ dribbble.com/m_delsing
⇨ instagram.com/mike.d.design
⇨ twitter.com/mdelsing06

SPACED | Social Distancing

Auto-formatting international phone number input with a selector, autolocation, preferred countries, and more!

Implementation only requires you to paste in one script and add one attribute. Enjoy!

Perfect Phone Number Input

Here's the new version of MemberScript #41 which works perfectly with profile forms/prefilled inputs and is far more reliable.

International Phone Input (Works With Prefill)

Deeploy.Me Design Team

The Voice and Chatbot that automates your customer contact phone calls, chats and emails in any language and 24/7.

scotty-technologies

David Di Pasquale

A website i designed for a mobile phone company, with background videos and shopify buy button. I also did all the videos.

the-royal-by-seed-mobile

Hey there! In this project & tutorial video, I'll be showing you how to use MemberScripts to create a modal that pops up when a custom field in Member Stack is empty. I'll provide a quick demo to illustrate how it works. 

By default, the modal is not visible, and we'll use a Memberstack attribute to display it when its needed. 

I'll also explain how to use MemberScripts to control the visibility of the modal based on the custom field's value. Additionally, I'll share some optional code snippets for preventing page scrolling and controlling input fields. 

If you want to use this in your project, I recommend cloning the provided element in the dashboard and customizing it to fit your needs.

Display Modal if Input is Empty

Vileo Marketing

This is an unofficial and non-commercial project created by Vileo Marketing for the sole purpose to be a proof of concept.

CyberPhone is the most secure and durable phone on the planet.
Featuring an open-source operating system and
state of the art hardware.
Worldwide internet with no restrictions or carrier limitations.
Instantly connect and control your electric vehicle from anywhere.
The only phone that works in space.
Stay connected anywhere in the world and beyond.

Sign Up to be Notified for future updates of the project.

CyberPhone - Proof of Concept

Marek Sivak

Workout Visualisation

Clement Jonckheere

Find the next spot for your van in France

Discover phone websites built by the Webflow community

Discover phone websites built by the Webflow community