Scroll Capture

The clicking tool seems to click lower than I am programming it to so keeps missing the buttons i'm trying to press, any tips. Also cant seem to get the typing feature to work... But i like it for the scrolling element.

Patrick MatteDeveloperJan 21, 2025

I don't know why it would click lower for you, it seems to be working fine here. Please send me the url so I can try it. The typing tool should add the text in the input field. It currently doesn't dispatch the change event from the input so if you have javascript handling the typing that won't work.

• Report illegal content
• Copy link

That is an awesome tool, thank you Patrick! Just as a feature request in case you think, similar to scroll target detection, you can add an element detector to only capture this element or this part of website on video recording.

Patrick MatteDeveloperJan 15, 2025

Thanks! I'll add this to the list.

• Report illegal content
• Copy link

I have never seen a better app than this. Patrick Matte, please don’t stop improving Scroll Capture. And please consider adding the ability for the cursor to move in real-time. I would like to record a desktop version where the cursor moves and clicks, and for the mobile version, I’d like to see a circle instead of the cursor. This would be perfect. Perhaps it could be possible to add JavaScript support in the settings to allow users to customize global settings on their own

Patrick MatteDeveloperJan 10, 2025

Thanks! There's work in progress on simulated cursor and pointer animations. Stay tuned.

• Report illegal content
• Copy link

Works beautifully.!!

Perfect tool, thank you dev

Phenomenal tool. Covers a very specific problem that no other tool has covered, that I've found. Trying to record website presentations to show on a portfolio is super tricky usually. The recording is never smooth or accurate, and no matter how nice and fancy the website itself is — it never looks good. This tool gives you an animation toolkit, similar to Webflow Interactions, and allows you to do your web designs justice, sometimes even elevating them a touch too. Doesn't always work how y... Show more

Patrick MatteDeveloperJan 10, 2025

Awesome, using css actions to turn the pointer on and off is really smart.

• Report illegal content
• Copy link

This is fantastic! Are there any plans to open-source the project? I’d love to contribute! One feature I’d love to see is the ability to define scroll amounts using units like rem, vw, and vh, instead of being limited to just pixel values.

Patrick MatteDeveloperDec 2, 2024

Glad you like it. I see how viewport units could be useful, a bit less so with rem, but sure why not.

• Report illegal content
• Copy link

This is exactly what I needed. A fabulous tool and long overdue... I would have given 5 stars if I could figure out how to demonstrate rollover effects and if the "mouse gesture" worked for me too. Unfortunately, the red cursor in the tutorial video disappears once my mouse is moved off of the "scroll capture" window.

Patrick MatteDeveloperOct 24, 2024

For rollover effects, you just use a MouseEvent action with 'mouseover' type. That will turn on the hover state. Then you can duplicate the MouseEvent and select instead 'mouseout'. That will turn off the hover state. For the MouseGesture action, if the red icon disappears, the website probably has CSS code to enforce the cursor property. If you send me the url of the website I can try and see if this can be fixed or not.

• Report illegal content
• Copy link

It's becoming worse day by day. Every update is destroying the previously functioning features.

Patrick MatteDeveloperOct 21, 2024

What makes you entitled to give such a preposterous review? If you think it's that easy, why not build your own tool?

• Report illegal content
• Copy link

This extension is awesome! I can finally record the websites and web apps I develop in a very professional way to showcase them in my company portfolio and presentations.