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

Webflow

A 3d transforms interaction based on mouse position. 

Learn how to build this https://university.webflow.com/lesson/rotation-on-mouseover-interactions

Rotation on mouseover

A collection of useful animations made on wedflow.

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

Webflow Samples

webflow-samples

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

Web Elements 3D

This was a lot of fun to build. Feel free to clone it and play around.

Bend and Snap

Noodle Arms - 3D Cube mouse tracking animation

Inspired by another illustration by @Ryan Morrison I wanted to convey the design process that I've adopted and been using for several years now. Gathering information and requirements ➞ Sketching on paper ➞ Building in Webflow ➞ Publishing and viewing the site on my computer and mobile devices.

Built with just a bunch of div blocks and CSS in Webflow in an afternoon (and yes the mobile device is scrollable). Be sure to toggle between the light and dark version and open the site in the Webflow Designer to play around with it.

----- Update September 23, 2019 -----

This is now cloneable 😄

Designer Suite

Responsive Designer Suite Sketches ➞ Webflow ➞ Mobile

Declaration of Principles Concerning Activities Following the Detection of Extraterrestrial Intelligence.

Post Detection Protocol

Rebuilt and animated the Amplify piece by @Guillaume Kurkdjian in Webflow with some rotation toggles.

House Animation

Amplify Factory 3D Animation

Concept only - Inspired by the amazing 007 Spectre UI's. Page is tab based and built with a LOT of div blocks! Not sure what to turn this into!

Spectre 007

RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

Browse through unique examples of 3d websites, templates, and cloneables — designed by the Webflow Community.

Discover beautiful examples of 3d websites and templates that are sure to give you the unique web design inspiration you're looking for.

Discover the best 3d websites

Discover the best 3d websites