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

Master Flowmaker

Recreation of scroll behaviour in https://www.andreasantonsson.dev.

Inclined scroll and perspective effect done natively in @webflow.

Smooth scroll using Len's from @studiofreight.
Staggered chars using a small custom function.

Requested by @socoloffalex

Portfolio landing

Daniel See

Following a lot of hacking, googling, experimenting and asking rookie questions, I've managed to stitch together my first Webflow project! 

https://www.danielsee.com/ 

Would love to hear any thoughts, in particular any bugs that i missed?! Appreciate your time!

Daniel See - Portfolio

Joseph Berry

Forward thinking digital experiences that inspire and engage. Driven by best in class practices and a proper Londoner.

The new home of Joseph Berry

Joseph Berry - JB Studio LDN

Alex Hartan

Can you really recreate a 3D fly-by animation on a 2D plane?

While watching this video on Webflow University (https://www.youtube.com/watch?v=J2846GiZuLA), I was inspired by the aerial footage in the first 5 seconds of the clip, with a stunning drone view of the Golden Gate Bridge.

I asked myself the question: how can you re-create the same spectacular video in Webflow and can it be done on a flat plane?
 
This was a quick fun experiment, so it's only desktop compatible for now. Feel free clone this and tweak it as you like!

San Francisco

Paul More

Article experiment containing show/hide navigation, full cover hero artwork, reveal images, sticky captions/credits, and hover video concept. 
*** Desktop only ***

xbrand-article-framework-v03

Joseph Ash Sakula

A prototype I worked on at Headspace. I had so much fun making this.

The hero section is composed of 6 different lottie animations to achieve some subtle movement.

Happy to answer any questions :)

Sleep by Headspace

Do you prefer to read about a product, or do you want to see it in action? 

It may sound cliché, but images do tell a thousand words! 

Presenting your product in context bridges the gap in communication, saves your customer time, and helps paint a more vivid picture of your 𝗽𝗿𝗼𝗱𝘂𝗰𝘁 and its 𝗯𝗲𝗻𝗲𝗳𝗶𝘁𝘀. 💃

I created this free webflow demo for a fictional eyewear company, to illustrate exactly that concept.

Feel free to clone this and use it as you like, like and comment if you enjoyed it! ✌️

need-eyeglasses

Miles Roxas

Product landing page concept using videos as the key asset and visual interest. 

*This is an early-access cloneable. Interactions and general refinements are still in-progress. Please check back soon!

Product Landing - Videos

Uroboro Agence Webflow

Uroboro

Expo Entrepreneurs is the most important entrepreneurs meeting in North America. The website showcases it all: the experience, the activities program, the partners... Come see for yourself what we built for this colourful event!

Expo Entrepreneurs

Sam O'Keeffe

The team at Liminalia approached Studio Ziro and I to help deliver this project for the Multidisciplinary Association for Psychedelic Studies (MAPS) in celebration of Bicycle Day - the anniversary of Albert Hofmann’s first intentional use of LSD.

This ticket-only, sidescrolling Webflow site acted as the launchpad to more than 40 unique, virtual experiences hosted by musicians, artists and creators from around the world. 

The event drew over 12,000 unique visitors over the course evening. With only a week to go from concept to finished website, I handled the site development alongside a team of extremely talented artists and creators who supplied the content, art direction and everything else needed to go live.

Bicycle Night - Parallax Sidescrolling Event Website

Immersive Studios

The "Haunted House" project showcases the latest 3D live rendering technologies, AI, and no-code tools in a fictional setting, without any commercial intent developed by Immersive Studios.

Haunted House

Galvaweb SRL

I haven't done this in months, and now I realize how much I missed it!

For the last couple of years I've been publishing free micro-sites regularly, as a fun way to explore my curiosity, learn different techniques and showcase my work.

But recently, between family time, client work, and working on my business I've barely had time for these fun exercises in creativity.

But not any more!! ✋

Today I am challenging myself to post one of these sites and share it for free, every week.

This week we explore a parallax technique that was invented by Walt Disney in 1933: the Multiplane Camera. 

This is an ingenious way to simulate depth, using layers that move at different speeds.

If you're a nerd like myself, feel free to clone the project and see how it's built. 🤓

Also, don't forget to Like and hit Follow to see more of these websites in the future.

The Alps

Become™ | Possibilities Answered

Virtual Reality
Augment Reality
Hyper Reality
Simulated Reality
Digital Reality
.
.
.
.
Mixed Reality - We live in a realm of Mixed Reality 👨🏻‍💻

The question is what's the actual reality?

Week 2 #webflowchallenge by qamar7.me at Become

P.S. Completely used @webflow native interaction.

Coolest Page Load Animation

Carter Ogunsola

Balky Studio

Exciting project for Nightfall VC. This showcase exhibits our design collective @balkystudio's craftsmanship in using Three.js and WebGL to shape a cutting-edge website.

Offering an immersive experience, the mini-site perfectly mirrors Nightfall VC's pioneering spirit in investing in groundbreaking tech startups.

Visit Nightfall.vc to witness the fusion of artistry and innovation that sets the stage for digital brilliance.
Feeling i

Nightfall VC

Inspired by Pontus Wellgraf's live demo on The Futur livestream with Chris Do, I wondered: can we recreate this amazing After Effects composition in Webflow?

A few hours later, this is the result.(best viewed on mobile/landscape)

Feel free to clone this, comment and like if you find this useful!

Original concept and assets by Pontus Wellgraf.

Formula One

Disruptive Social

We've created a simple site brought to life with Interactions 2.0 and bespoke Javascript. We've included an original score embedded to play in the background alongside a ticket widget from Universe.com

House Of Horror - Immersive Experience

Exciting project for Nightfall VC. This showcase exhibits our design collective @balkystudio's craftsmanship in using Three.js and WebGL to shape a cutting-edge website.

Offering an immersive experience, the mini-site perfectly mirrors Nightfall VC's pioneering spirit in investing in groundbreaking tech startups.

Visit Nightfall.vc to witness the fusion of artistry and innovation that sets the stage for digital brilliance.

‍Human Traffic - Live is an immersive rave theatre experience bringing the cult film Human Traffic into reality! This is a live show, from two of the most powerful names in immersive experience and digital art media.

Check out the Digital Guideline we created to allow the client to share assets and ideas to partners ;)

Human Traffic - Live

102976941

1070795817

1122423150

1274323923

1316201488

1316201489

1462086697

1567550242

1592612642

1631162196

1726628865

173927913

1771795565

1863160016

1905118106

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

3106924665

3112069432

3120801339

3151661775

3201643127

3243842104

3258716925

3266482432

3289310561

3313039722

3315729993

3387258362

3410497685

3452464914

3458155273

gpt-4.1-mini

3590523401

3591394191

3672367630

3737116140

3801251705

3844506029

3913199261

3934148661

3941255684

3956476210

4063605209

4092855684

4103643638

4144203485

4206156914

451433404

489463363

504462606

536101258

622649767

622649768

644270296

657188092

660615456

665836192

737109165

772001133

817414265

846847440

882147072

911514507

938734410

1003029853

1045828939

1049811722

1087856901

1099435904

1108325183

1120744071

1131151533

1140906369

1157563538

1178238107

1178621510

1197475705

1209008581

1216878544

1227154495

1229056119

1234765101

1236803103

1238404733

1250328847

1259889605

1291427916

1292405251

1297066426

130043074

1306352991

1312703771

1322655470

1323044307

1336067073

1337084289

1350250754

1362856608

1365408040

1380896143

1406455659

1418395020

1433303746

143629253

1440816657

1449062533

1453956912

1455163268

1455742168

1458975701

146940023

147086462

1471203893

1475952185

1483622682

1490715908

1499868407

1501922903

1521326523

1530015515

1534768148

1545754914

1568482678

1622729461

1662541974

1665126082

Best Immersive Websites | Free Examples & Designs

Discover Immersive websites
built by the Webflow community

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

Discover Immersive websites built by the Webflow community

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

Discover Immersive websites
built by the Webflow community