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

Fauve - We are a production company based in Lausanne 🎥

Fauve

Fauve agency - Lausanne

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

Master Flowmaker

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

Tomoil site

Simple actor portfolio with fun intro animation.

Jack hale

Actor Portfolio Site

The Flower Shop Penrith was inspired by the Prohibition Era Speak Easy’s prevalent at the turn of the 20th Century.

A Flower Shop by day, a stunning bar by night. The Flower Shop Penrith is an experience that manifests as an ode to the smoke-filled luxurious underground from over a century ago.

With this in mind, we designed the brand and website, creating an interactive introduction experience to this new venue.

The Flower Shop – Backup

The Flower Shop Penrith – Speakeasy Bar

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