Cinematic photo outside of a green light

empowering

the

 Design 
community
QR code to Billie Tuitt's instagram, scan with phone
brand identity
freelance
web designer
Ux/UI design
[london baseD :
00:00
]
[design resources]

I provide tutorials, clonables, and code snippets supporting designers and developers around the globe. As a certified Webflow expert and an official webflow collaborator, I take pride in contributing valuable, creative solutions and  resources to the community.

GSAP Clipping Mask Tutorial
[
GSAP Clipping Mask
]

Learn how to use a CSS clip-path and GSAP to create an unmasking scrolling transition.

view resource
Tutorial
[
GSAP Flip Change View
]

Learn the art of creating global components, allowing you to effortlessly reuse video elements that perfectly fit and cover their containers. Harness the power of Webflow's custom elements.

view resource
Tutorial
[
Object Fit Videos
]

Learn the art of creating global components, allowing you to effortlessly reuse video elements that perfectly fit and cover their containers. Harness the power of Webflow's custom elements.

view resource
Tutorial
[
Advanced GSAP Text Animation
]

Advanced GSAP scrolling text animation - tutorial coming soon.

view resource
Tutorial & Clonable
[
Personality Style Quiz
]

Create a personality / BuzzFeed-style quiz in Webflow with no code using NoQuestionsYet framework and attributes. Clone the project and check out the tutorial.

view resource
youtube tutorial
[
GSAP Video Transition
]

PRACTICE THE GSAP SCROLL TRIGGER FUNDAMENTALS BY DUPLICATING THIS WEBFLOW PROJECT AND FOLLOWING ALONG WITH THE YOUTUBE VIDEO. REMEMBER TO COPY THE SKELETON CODE BELOW AND USE codesandbox.io TO TEST THE SCROLLING.

view resource
Webflow Clonable
[
Vertical Split Slider
]

Learn how to create a responsive vertical split slider in Webflow with this clonable. The Full Page Split Vertical Slider is a visually striking and interactive element that can be added to your Webflow site.

view resource
Webflow Tutorial
[
Spline & Webflow Tutorial
]

Spline is a tool for designing interactive 3D scenes. The Spline integration lets you paste your Spline scene and its events directly into Webflow. You can also animate your Spline objects in Webflow with Webflow’s native interactions.

view resource
Webflow Tutorial
[
Horizontal Click & Drag
]

Learn how to create a click-and-drag horizontal, CMS-powered slider in Webflow. Watch the Youtube tutorial and clone the Webflow project to follow along.

view resource
Webflow Clonable
[
Text Animations
]

Create simple text animations using GSAP in Webflow. Remember to add the custom attributes to the targeted text as shown in the tutorial gif.

view resource