The ubiquitous cursor you have possibly seen somewhere, created completely in Webflow.

The full description is here
https://forum.webflow.com/t/drams-guide-to-custom-cursors-in-webflow

Dram's Custom Cursor

A prototype of a music player website concept.

Prototype - Music Player

Intro animation based on the shot for Netguru by Pawel Kontek.
Visit Pawel's work here: bit.ly/2MZAfMW

Using the "damped sine wave" to accomplish the bouncy effect.

If you benefit from cloning the project, consider giving a Like ❤️ !

Intro Animation - Netguru eBook.

Heco client project for OnCorps Decision Guidance Systems

oncorps-webflow-staging

Rachel Liles Portfolio

Let's work with the hover state in daily interaction #8!

This demo showcases an image panel reveal using flexbox and hover states.

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

WebDev For You - Daily Interaction #8

Cards 2.0 are Symbol based Framework/UI Kit for quick design or wireframe of your next landing page project. 100+ symbols/elements ready for design or hi-fidelity wireframe for any UI/UX designers or developers out there. The main goal of this project is to help you - Webflow users - with creating beautiful landing pages or wireframes within minutes directly in Webflow with ready to be published code. All again with a coded styleguide for all the main typography elements (H1-H6, links, paragraphs etc.) buttons, tags you name it. 

What you get/Package overview:

50 New Cards as Webflow Symbols (in 2 versions Dark and Light = 100+ Symbols)
3 Complete landing pages in 2 versions
Symbols for Hero sections, Features, Testimonials, Pricing, Team, Blog and more.
Ready for all 4 responsive breakpoint 
Cards from v1.0 recreated into a new structure
All cards in Sketch file

Happy Cloning! 🎉

Cards 2.0 - Framework/UI Kit

Personal website showcasing my career and a few select projects.

Portfolio of Bradley Haynes

Comparing 6 different approaches to achieving momentum / inertia scrolling. 

Version 1: SmoothScrolling.JS
Version 2: Luxy.JS
Version 3: Rolly.JS
Version 4: Tweenmax.JS (Greensock)
Version 5: Vanilla JS (A)
Version 6: Vanilla JS (B)

*Make sure you preserve the native scrollbar (ie don't use virtual scroll option) when project contains IX2 scroll-based interactions.

*These are proof of concepts that may need further tweaking/optimizing (especially for mobile browsers). In addition, they override native scrolling behavior which can result in unintended consequences - especially on older browsers.

Inertia / Momentum Scrolling

In this episode of What In Webflow 013, we walk-through how to integrate custom code to have a canvas to draw on in Webflow

To walk-through this tutorial with me, make sure you use the cloneable project at https://webflow.com/website/Canvas-in-Webflow

Also, you can find a more comprehensive tutorial at https://www.superhi.com/video/how-to-draw-and-paint-using-html-canvas

Hopefully, this was helpful. Feel free to let me know if this is helpful, or if you have any additional questions.

I'm happy to help further!

Canvas in Webflow

Something designed from me and quickly made with Webflow for practice.
-
I have to make little fixes, work on the responsive points and maybe add some page load interactions (the load interactions are ready).
-
Dribbble: https://dribbble.com/shots/4401859-HERO-PAGE-DESIGN-PRACTICE

Behance: https://www.behance.net/gallery/63763827/Architectural-studio-HERO-PAGE-DESIGN

Architectural Website | Hero

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

Another beautiful illustration by @Ryan Morrison that I built out with div blocks and animated in @Webflow

Webflow Editor Page Illustration Animation

I am inspired and honored to work with Ryan Morrison at Webflow, he does amazing work! Ryan recently designed a beautiful illustration for our new home page at Webflow, the moment I saw it, I just wanted to animate and build it all in Webflow. 

So I decided to bring it to life in Webflow without using any images, yep, those are all div blocks :D

Recreated illustration and animation

Experimental multi-step form created with the Webflow slider component.

Clone-away!

Multi-Step Form

A prototype of an administrator login page.

Prototype - Admin Board Intro

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

3disometric-grid

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.

Timothy Robertson