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

Timothy Ricks

Learn how to build this and many other interactions on my YouTube Channel at https://www.youtube.com/watch?v=gSWQPaybNiI

Learn how to build a working CMS Pricing Calculator and other Javascript lessons on my Patreon at https://www.patreon.com/timothyricks

T.RICKS Glassmorphism

Asad Digital

Hi! Here's the new version of the flipping cards. Feel free to clone it and use in your projects.

Flipping Cards

Kai Jolly

New cyberspace transmission detected. Please intercept and initiate visual scan...

The concept behind this website is that you 'Add to Cart' the different web elements you require to build your new website before checking out to open the contact form. No real products or transactions involved! The 3D images are modeled and rendered in Blender. Also includes a Sketchfab embed to view the 3D model. Thanks for looking! :-)

Web Elements 3D

Aaron Grieve

I wanted something engaging and original, that utilised everything Webflow can offer, it's playful with 3D Tranforms and Interactions to create a hopefully, engaging experience and showcase my work in its best light.

Aaron Grieve's Portfolio

Mike Delsing

With the new Ghostbusters movie coming, I wanted to build a proper movie site for such an amazing franchise. Celebrating the new and showcasing the originals.

I've also made the project cloneable. I'm new to development and have pulled snippets from multiple different projects. I still have a lot to learn but if this project is helpful to you, that's awesome!!

𝗙𝗲𝗮𝘁𝘂𝗿𝗲𝘀 𝗮𝗻𝗱 𝗔𝗰𝗰𝗼𝗹𝗮𝗱𝗲𝘀:
• Mocktober 2020 winner
• CSS Design Awards
  → Special Kudos
  → Best UI Design
  → Best UX Design
  → Best Innovation
• CSS Winner: Site of the Day
• One Page Love
• Muzli 

All visuals belong to their respective owners.

———

⇨ dribbble.com/m_delsing
⇨ instagram.com/mike.d.design
⇨ twitter.com/mdelsing06

Unofficial Ghostbusters Afterlife Website

Slava Fedosenko

A collection of useful animations made on wedflow.

Check out Webflow Samples 2: http://wfs2.webflow.io/

webflow-samples

Jonas Arleth

In January I started a new series, in which I built a marketing website for the car manufacturer startup Sono Motors. The idea was to present the features and benefits of the solar car SION and to implement them interactively in Webflow. The website was created during their #SaveSion campaign, in which the company had raised more money for the production of the car. In addition to my down payment, I saw the project as an additional support to help the startup by raising awareness about the campaign through my own channels. 

This project resulted in 10 Webflow YouTube tutorials. I published the responsive design process via my Patreon account. 
The image copyright belongs to Sono Motors GmbH.

Click here for the YouTube playlist with all videos of this project: https://youtube.com/playlist?list=PLj8c0yntElwWRnvBXxEnoxkynxriQKndL

Follow the responsive design process on my Patreon account: https://www.patreon.com/posts/77302808

Learn more about the Sion: https://sonomotors.com

SION – Car Startup Website (free Template)

Anna Sabatini

Interactive scrollable 3D isometric Grid. 
Build 100% in Webflow. 
Inspired by Codrops Article (http://tympanus.net/Development/IsometricGrids)

3disometric-grid

Experimental fan art using divs and svgs with mouse movement and scroll interactions. Great on desktop but too heavy for mobile... Thanks for looking!

Sky Box

Diego Toda de Oliveira

Landing page created for my latest Youtube tutorial about how to create 3D scroll animations using Lottie + Webflow.

Link for the video: https://youtu.be/vMxCjhi-3p4

Fantom.UI - Free landing page

A 3D scroll animation that lets you slowly rotate a tablet towards the viewer while scrolling. You can even use animated videos instead of a static image. I use this setup in one of my case studies in my portfolio.

Watch the Tutorial: 
https://youtu.be/yX_KhCuMx_Q

3D Tablet Scroll Animation in Webflow | Free Template

Dirk Lach

An award-winning showcase site with the sole purpose of showing Webflow & Spline in combination and providing some examples of how 3D experiences can be integrated into websites.

BONUS: You can find the 3D elements in the Spline Community. I published all of them there. Just search for »Dirk Lach«. 

If you have any further questions, just let me know.

THREE DIMENSIONS — Cloneable

Oracle Studios

Combined Webflow and Blender to show how a Sofa retailer landing page could look. Feel free to clone this project.

Pages built: Home

__


You can thank me by:
• Hiring us to help you rebrand in 1 month 👉 oracleadvertising.com

• Following me on Behance 👉 https://www.behance.net/oracleadvertising

lux-sofas

I finally decided to get my hands dirty and learn ThreeJS + React Three Fiber to give life to my ideas using interactive 3D. This project is the end result of my tests and study.

Highly inspired by the Work Louder(c) Creator Micro pad (https://worklouder.cc/creator-micro/), I created a fictional collab between your favorite website builder and this amazing product for a limited edition with custom shortcuts to improve your workflow.

My process:
- 3D model, materials, lights and animation done in Blender
- Used CodeSandbox Cloud to put everything together in R3F (plus some custom scripts used on the Webflow page via data attritbutes)
- Loaded the generated JS bundle in Webflow using custom code

- YOUTUBE TUTORIAL: https://youtu.be/XOIU3mdR9Sc
- Link to the CodeSandbox template: https://codesandbox.io/p/sandbox/flowboard-r3f-b95nx9

Flowboard - Webflow + ThreeJS template

Just playing around with 3D transforms and Webflow's sick interactions, feel free to clone and use in your own projects :)

Click Expander

Eli Shmerler

Had some free time on my last flight and created this moving 3D balls.
The shapes are made with divs and color gradients... no images or custom code.

Follow my profile to get notified about new tutorials of cool Webflow tricks.

Feel free to clone!

3D interactive balls

Playing around with the 3D Capabilities of Webflow. It's my playground, feel free to clone it!

Aaron's 3D Testing Environment

Redis Agency

In just a year with Webflow, we have launched dozens of projects, won international awards and expanded the team to 6 creative developers. It is about time that we open a separate department for creative development. We are celebrating this by launching the Webflow department website.

This landing page is dedicated to our love for Webflow, our clients and their projects, and our team. It also showcases the new corporate identity of Redis Agency. Noteworthy that smooth scroll and while scrolling in view animations are implemented without code.

Click the link to see it for yourself. Let it Webflow!

Redis Agency Webflow

1070795817

1309657251

1316201488

1316201489

1592612642

2216482092

2351366352

2355632600

https://s3.amazonaws.com/webflow-dev-assets/66fd83b6cc0c8c6ed0e398e6%2Fcontent.json

2401116685

2486364096

2546957535

2929119789

3258716925

3289310561

3313039722

352651922

3591394191

3913199261

3931106129

3934148661

4041193489

4083567884

4092855684

4103643638

4206156914

622649767

622649768

737109165

882147072

938734410

105340574

1120744071

1131151533

116271763

1171384976

1197475705

1197746894

1229056119

1234765101

1236803103

1290849437

1292405251

130043074

1322655470

1336067073

1350250754

1380896143

1406455659

1418395020

1433303746

1455163268

1455742168

1457420719

1458975701

1499868407

1501922903

1545045337

1548670201

1665126082

1680586027

1753134293

1775656907

183596474

1857805694

1872700364

1925696804

1928608458

1944913766

1968719184

2031799369

2091902242

21336891

214950889

2182233325

2193997669

2195150436

2198334698

2224902271

224017973

2261227591

2268724719

2303355521

23146391

2348917033

2361218180

2433588987

2458909760

2465149363

2487845889

2491501114

2494249199

2502070427

2519229707

2524380347

2539347574

2550320370

2605123638

2663519398

2685146257

2702114298

2714120603

2718510159

274817750

2776696732

2781896974

2790864342

2830484282

2867851366

2886076224

2886816758

2932694567

2970079640

2974679073

2978864049

3015057828

3017737205

3081421921

3091005856

3096464966

3123784886

3155116521

3177808993

319846500

3221145664

3229469216

3245744487

3330964648

3365622501

3375039294

3385366709

3446095163

3472268204

347694146

3569511999

3570326623

3576132033

3582137551

3592473703

3596166000

3615398992

3639909728

3642392651

3645086757

3658032975

3672465503

3675601689

3706363283

373409229

379754554

3801790482

Best 3dcards Websites | Free Examples & Designs

Discover 3dcards websites
built by the Webflow community

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

Discover 3dcards websites built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. .css-ac9ku6{color:#2E5CFF;font-weight:normal;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;}.css-ac9ku6:hover{-webkit-text-decoration:underline;text-decoration:underline;}Looking for templates?

Discover 3dcards websites
built by the Webflow community

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