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

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

Horizontal- how it works section

how-it-works-scroll-horizontal

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 - App Feature Showcase

[Cloneable] Scrolling App Features Showcase - Responsive

~ 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

Flowcraft

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

Mockup Scroll

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

Webflow Form UI Kits

The Ultimate Webflow Forms UI Kit

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.

Phone Unlock

Animated Phone Mockup

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 Clone

Framer X Landing Page Clone

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)

Intl-tel-input

International Telephone Input

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

World's thinnest smartphone

worlds-thinnest-smartphone

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).

Agency: Creed Interactive
App Development: eKreative

- - - 

Accolades & Features:
• 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

Spaced Landing OG

SPACED | Social Distancing

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

Deeploy / Scotty

scotty-technologies

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

the-royal-by-seed-mobile

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.

Discover phone websites built by the Webflow community

Discover phone websites built by the Webflow community