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.

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.

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.

Tutorial
[
Advanced GSAP Text Animation
]

Advanced GSAP scrolling text animation - tutorial coming soon.

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.

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.

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.

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.

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.

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.