Learn
Video

How to record smooth mouse scrolls on a live website

View
Video
↗

Here's my process to take a live website to a styled video that you can use to present your web work. Chrome extensions used:

  1. https://chrome.google.com/webstore/detail/scroll-capture/egmhoeaacclmanaimofoooiamhpkimkk?hl=en
  2. https://chrome.google.com/webstore/detail/hide-scrollbar/mljepckcnbghmcdmaebjhejiplcngbkm?hl=en
  3. Other tools used:
  4. Loom desktop app
  5. After Effects

Tags

Portfolio
Video

Industries

Creative

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
11.28.22

Similar items

Items
2781
Layout
Grid View
Row View
Search
Animate a Video With Native Webflow Interactions
Learn
Video

Animate a Video With Native Webflow Interactions

11.28.23
No-code, Video, Interactions, Extending, Variables, Custom Code, Motion & Rive, Webflow, The Lazy God
Flow My Go Album
Learn
Video

Flow My Go Album

8.13.25
Music, Creative, AI, SEO, Webflow
The New Webflow Interactions by GSAP is here!
Learn
Video

The New Webflow Interactions by GSAP is here!

7.11.25
Creative, No-code, Dev Tools, Interactions, Animation, Cloneable, Webflow, GSAP, Ilja van Eck
Control Rive animation in Webflow using GSAP
Learn
Video

Control Rive animation in Webflow using GSAP

7.12.24
Creative, Animation, Scroll, Interactions, Extending, Javascript, Motion Design, Motion & Rive, Webflow, GSAP, Rive
Creating a more connected design system with Code Connect
Learn
Video

Creating a more connected design system with Code Connect

4.20.24
Creative, Dev Tools, Design System, Component Library, Figma
Restock
Preview
↗

Restock

Restock is No-Code Supply Co.’s community podcast spotlighting the people shaping the web and the things they build: sites, products, and the workflows behind them. Each episode is a practical, curiosity-driven look at real work and ideas: standout builds, the tools and techniques powering them, and the takeaways you can reuse. Like NCSC, it’s grounded in curation and craft over hype, featuring guest conversations, and exploring what’s worth saving, learning, and trying next.
View Restock
How to make numbers count using Webflow interactions
Learn
Video

How to make numbers count using Webflow interactions

3.20.24
Creative, No-code, Number, Count, Animation, Interactions, Custom Code, Javascript, Extending, Webflow, The Lazy God
Figma Variables for Color Systems
Learn
Video

Figma Variables for Color Systems

6.27.23
Creative, Design System, Color Palettes, Figma, Timothy Ricks
How to create consistency in your website
Learn
Video

How to create consistency in your website

2.21.23
Creative, Design System, Aesthetic, Typography
Giulia Gartner
Inspo
Website

Giulia Gartner

12.21.22
Creative, Film, Portfolio, Video, Photography, Webflow
TRWM
Inspo
Website

TRWM

2.17.21
Creative, Gallery, Portfolio, Video, Webflow
WeWeb 3.0
Learn
Video

WeWeb 3.0

2.15.25
No-code, Dev Tools, AI, Web Apps, Website Builder
I Can’t Believe They Added AI To The Browser
Learn
Video

I Can’t Believe They Added AI To The Browser

12.1.24
AI, Dev Tools, Workflow, API, Javascript
JavaScript Inside Webflow Components
Learn
Video

JavaScript Inside Webflow Components

8.11.24
No-code, Extending, Component Library, Custom Code, Javascript, Webflow, Timothy Ricks
Make Any Framer Component With ChatGPT
Learn
Video

Make Any Framer Component With ChatGPT

6.1.24
No-code, AI, Custom Code, Workflow, Framer, OpenAI
How to make text responsive with clamp
Learn
Video

How to make text responsive with clamp

2.27.24
No-code, Extending, CSS, Responsive, Typography, Webflow, Code & Wander
The New Dialog HTML Element Changes Modals Forever
Learn
Video

The New Dialog HTML Element Changes Modals Forever

1.22.24
HTML, Interactions, Custom Code, Accessibility
Toggle Dark Mode with CSS :has()
Learn
Video

Toggle Dark Mode with CSS :has()

1.15.24
CSS, Extending, Design System, Variables, Webflow, Web Bae
Use AI to Streamline Airtable Automations
Learn
Video

Use AI to Streamline Airtable Automations

1.6.24
AI, No-code, Extending, Javascript, Automation, Airtable
Scroll Based Animations With CSS Only
Learn
Video

Scroll Based Animations With CSS Only

12.28.23
CSS, Scroll, Animation, Interactions, Custom Code
AI Playbook for Design Teams
Learn
Video

AI Playbook for Design Teams

12.20.23
AI, Design System, Workflow
Color Scroll Interaction With Webflow Variables
Learn
Video

Color Scroll Interaction With Webflow Variables

12.17.23
Variables, Interactions, Custom Code, Extending, Webflow, GSAP, Timothy Ricks
GSAP Crash Course for Webflow
Learn
Video

GSAP Crash Course for Webflow

12.7.23
Animation, Javascript, Extending, Custom Code, Workflow, Webflow, GSAP, Timothy Ricks
MAST CSS Framework for Webflow — a quick explainer and comparison
Learn
Video

MAST CSS Framework for Webflow — a quick explainer and comparison

12.6.23
No-code, Workflow, Design System, Webflow, Mast

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.

Subscribe