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)

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]

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

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

Marek Sivak

Workout Visualisation

Pinecone Agency

While Webflow is a powerful platform, it has historically lacked native support for international dial selection—a crucial feature for global e-commerce. Our solution? We've successfully integrated Intl Tel Input JS into the Webflow checkout, enhancing the platform's functionality.

🚀 The Solution Is Now Available for Everyone!

We've made this enhanced checkout form available as a cloneable. This allows any Webflow user to implement these improvements effortlessly, ensuring a seamless purchase process for international customers.

✅ Key Benefits of This Cloneable:

- Enhanced Accuracy: Captures your customer's phone number along with the correct dialling code, ensuring precise communication.

- Improved Customer Service: Facilitates better support and resolves issues more efficiently with accurate international contact details.

International Phone Input / Dial Code - Dropdown for Webflow Checkout

102976941

1038319252

gpt-4.1-nano

1070795817

1122423150

112746687

Get direct access to benefits like unlimited staging sites and more control over roles & permissions

Unlock more for your business with the

1186914386

1274323923

1316201488

1316201489

140432223

1462086697

1506258256

1567550242

1592612642

1631162196

1726628865

1733785607

173927913

1771795565

1863160016

1905118106

1975670756

2025032126

2030598753

Outliant

Hireclix

Refokus

Kinetic

Heco

2032141491

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

3070246498

307653616

3106924665

3108168977

3112069432

3120801339

3125710258

3151661775

3201643127

3243842104

3258716925

3266482432

3289310561

3313039722

3315729993

3387258362

3410497685

3452464914

3458155273

gpt-4.1-mini

3590523401

3591394191

3669004489

3672367630

3737116140

3801251705

3844506029

3879263312

Learn best practices for collaborating with clients in Webflow.

Sell your apps on the Webflow Marketplace.

Learn about structuring seats, roles, and permissions in your Workspace

Partner with Webflow to build your business alongside 2M+ creators and developers

Request access for your team to collaborate in a client’s Workspace.

Charge your client for a Site plan directly in Webflow.

Earn more by selling templates on the Marketplace.

Start building your site with AI, a prebuilt template, or from scratch.

Add your team members to start collaborating on sites.

Watch a quick intro to what you can build in Webflow.

3913199261

3934148661

3941255684

3951600357

3956476210

3960693283

3972857978

4063605209

4092855684

4103643638

4144203485

4178901499

4195171643

4206156914

451433404

489463363

504462606

536101258

540515386

612788821

622649767

622649768

657188092

660615456

665836192

737109165

772001133

817414265

846847440

879597835

882147072

911514507

938734410

968427424

1013057706

1045828939

104959118

1049811722

1087856901

1088396327

1093574045

1106275794

1108325183

1120744071

1131151533

1140906369

1147278396

1157311889

1157563538

1178238107

1178621510

1193740135

1197475705

1216878544

1227154495

1229056119

1234765101

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