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

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

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

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

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

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

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

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)

KOA Design & Builds Co.

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

scotty-technologies

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

Delta Clan

Our Webflow Conf 24 Cloneable replicates the entire registration experience—packed with enhanced reactivity, advanced validation, conditional visibility, and auto-complete for addresses and phone formats with country detection. 

All the smooth functionality, none of the Conf blues. Dive in! 🌐 

Superform: https://superformjs.webflow.io/

Engineered by Delta Clan.

Webflow Conf 24 Registration - Superform [Cloneable]

Marek Sivak

Workout Visualisation

Guillaume Brunon

Custom Form for Your International Users 🌍

This form allows your user to select a country with a search field, auto-fill the area code for you to get the correct data, and verify the integrity of the number with his area code. Submission is blocked until the user has filled in every field and has a correct number.

Ultimate International Phone Input

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

102976941

1070795817

1122423150

1186914386

1274323923

1316201488

1316201489

1462086697

1567550242

1592612642

1631162196

1726628865

1733785607

173927913

1771795565

1863160016

1905118106

1975670756

2025032126

2032141491

2037807691

2144870841

2213518682

2216482092

2339906037

2351366352

2355632600

https://s3.amazonaws.com/webflow-dev-assets/66fd83b6cc0c8c6ed0e398e6%2Fcontent.json

2401116685

2486364096

gpt-4o

gpt-4.1

gpt-4o-mini

2546957535

2789269995

285302288

2857348505

2903381045

User Accounts will no longer be available on January 29, 2026.

Visit Webflow’s Help Center for migration guidance and more info.

3022611874

3023147062

3026881092

307653616

3106924665

3108168977

3112069432

3120801339

3151661775

3201643127

3243842104

3258716925

3266482432

3289310561

3313039722

3315729993

3387258362

3410497685

3452464914

3458155273

gpt-4.1-mini

3590523401

3591394191

3672367630

3737116140

3801251705

3844506029

3879263312

3913199261

3934148661

3941255684

3956476210

4063605209

4092855684

4103643638

4144203485

4206156914

451433404

489463363

504462606

536101258

612788821

622649767

622649768

644270296

657188092

660615456

665836192

737109165

772001133

817414265

846847440

882147072

911514507

938734410

1003029853

1045828939

1049811722

1087856901

1088396327

1093574045

1099435904

1108325183

1120744071

1131151533

1140906369

1147278396

1157563538

1178238107

1178621510

1193740135

1197475705

1209008581

1216878544

1227154495

1229056119

1234765101

1236803103

1238404733

1250328847

1259889605

1291427916

1292405251

1297066426

130043074

1306352991

1312703771

1322655470

1323044307

1325953834

1336067073

1337084289

1350250754

1362856608

1365408040

1380896143

1406455659

1418395020

1433303746

143629253

1440816657

1449062533

1451849944

1453956912

1455163268

1455742168

1458975701

146940023

147086462

1471203893

Best Phone Websites | Free Examples & Designs

Discover Phone websites
built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Phone websites built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Phone websites
built by the Webflow community