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

A prototype of an administrator login page.

Prototype - Admin Board Access

Prototype - Admin Board Intro

I animated a cool Shot I found on Dribbble.
Src: https://dribbble.com/shots/3898199-SCNK-Promotional-Website

scnk

Loading Animation

Some friends didn't believe Webflow could handle complex animations and challenged me to recreate the intro from OuiWill.com. This prototype was built in just one hour. 

While it could use a ton of clean up (animation timing and responsiveness), it demonstrates how Webflow alone can [and will] replace the traditional product design workflow (ex: Sketch -> Invision -> Principle -> Code).

Oui Will Intro

Scroll to Fullscreen 2.0

Recreation of the iPhone X intro panel, as seen here: https://www.apple.com/iphone-x/

Not 100% accurate, but I didn't want to spend too much time on it. You'll get the jist of it.

Iphone X

iPhone X Hero panel

Hey! 👋

here is a small simple pre/page loader clonable

socials:
Instagram: instagram.com/tombuizer
Twitter: twitter.com/tombuizer
Webflow: https://webflow.com/tombuizer

tombuizer.nl
⦿ Images available under CC0 (Unsplash)

Simple Preloader

simple preloader -

A simple website to demonstrate how to use Howler JS to start music when entering a website. Also, having the ability to mute and unmute the audio.

https://howlerjs.com/

Feel free to clone and enjoy!

Enter with Background Music - Howler.js

Enter with Music - Howler.js

Is it possible to recreate the iconic Star Wars title scene in Webflow?

With Webflow's 3D transform, some custom animations, and a bit of JS, you definitely can! 

Feel free to like, share & clone this project and add your own 3D text using the CMS.


Merry Christmas!

Star Wars Intro

star-wars-intro

Bookmark

Intro Animation with Staggered Text

#015 — 100 days of Webflow interactions

Inspired by Blond for Broad

-------------------------------------------------------------

Are you a creative director looking looking to implement your designs with Webflow? Let’s chat
🔷 https://calendly.com/bookmark-wf/webflow-chat 

------------------------------------------------------------

#16 Staggered Text Animation

Intro Animation with Staggered Text

Staggered Characters

038 - 100 days of @webflow interactions

#38 Staggered Chars

038-100dwfix

This demo showcases a header intro animation on load.

Inspired by this Dribbble shot: https://dribbble.com/shots/4822277-NYC

To view more daily interactions and premium content visit: https://www.webdevforyou.com/

WebDev for You - Daily Interaction #49

WebDev For You - Daily Interaction #49

Intro Animation

046 - 100 days of @webflow interactions

#46 Intro Animation

Simple actor portfolio with fun intro animation.

Jack hale

Actor Portfolio Site

I am a full-time creative worker and graphic designer currently in Berne, Switzerland. My goal is to design experiences and reflect the values of a project so that it can reach its purpose. I like to be part of projects with impact and as a problem solver I appreciate being a design consultant.

greg.design

greg.design by Gregory Anthony Zagkos

100% Native Webflow interactions. No custom code. Just a few images and 2 Lottie files. I'd love to see some reskins and extra features. Follow me on Twitter (@555) for bonus scripts to extend for scoring, leaderboard, and sound effects.

vampirehunter

Vampire Hunter - 3D Rail FPS Game

A webflow project made to introduce Webflow for the Sacramento Design Collective (SacDesco).

desco

SacDesco - Intro to Webflow

Practice recreation of Tony Hawk's landing page tonyhawk.com

All images and content belong to Tony Hawk.

A couple of months ago, after a discussion about the use of grids,  I decided to challenge myself. Just flexbox!
Not a clean build, not optimised in any way but a fun, quick challenge 😁

Discover intro websites built by the Webflow community

Discover intro websites built by the Webflow community