VOOZH about

URL: https://apify.com/glenn/gif-scroll-animation

⇱ Create animated GIFs of any scrolling web page Β· Apify


Pricing

Pay per usage

Go to Apify Store

GIF Scroll Animation

Free tool to automatically create an animated GIF of any scrolling web page. Useful for testing UX, showcasing your work, and capturing any website as a GIF, including clickable elements and animations. Includes settings to adjust speed, wait before scrolling, slow down on-page animations, and more.

Pricing

Pay per usage

Rating

2.0

(2)

Developer

πŸ‘ Glenn Goossens

Glenn Goossens

Maintained by Community

Actor stats

27

Bookmarked

5.5K

Total users

10

Monthly active users

a year ago

Last modified

Share

Features

Our free GIF Scroll Animation actor is an automation tool to let you capture any scrolling web page as a GIF.

All content on the full page will be recorded, just as if you were scrolling the page yourself and recording it. But because it's automated, the pace of scrolling will be smooth.

It can be tricky to get a good recording of animations that appear when scrolling down a page. You might not scroll smoothly and the final result could look jerky or awkward. This GIF maker will automate the process, so that you just give it a URL and it will capture a wonderfully smooth animated recording of the page scrolling.

Why use it?

If you want to showcase your website (or any website) or share it somewhere online, you might prefer to capture a scrolling GIF. That lets you avoid problems with browser support and you embed the GIF anywhere you like, such as on social media or in comments.

The tool can also be used to visually check pages and make sure that the user experience is good. It can let you see what the page will look like to a real person scrolling down the page and highlight problems with the layout or design. The GIF maker would be especially useful if you have to do this regularly for a lot of pages, so that you can avoid manually going to each page and interacting with it in a browser.

How it works

It's very simple to use. You give the actor a URL, it visits the web page and takes screenshots. The screenshots are then used as frames and turned into a GIF.

There are several settings you can change if you want to change the frame rate, wait before scrolling, compress the GIF, change the viewport, and a bunch of other customizable options. Or you can just give it a URL and go with the default settings.

Tutorial

Here's a quick step-by-step guide to teach you how to make an animated scrolling GIF of any web page using GIF Scroll Animation. There's also a one-second history of the GIF and some awesome reaction GIFs to blow your mind... Or you can watch our video tutorial on GIF Scroll Animation

Output

Example

Scrolling GIF for www.franshalsmuseum.nl:

πŸ‘ Frans Hals Museum GIF

Storage

The GIF files are stored in the Apify key-value store. The original GIF will always be saved. Additional GIFs might also be stored if you customize the compression method. You can also find links to the GIFs in the Dataset.

Input parameters

FieldTypeRequiredDefaultDescription
urlstringYesWebsite URL
frameRateintegerNo7Number of frames per second (fps).
scrollDownbooleanYesWhen true, the actor will scroll down the page and capture it to create the GIF.
scrollPercentageintegerNo10Amount to scroll down determined as a percentage of the viewport height. (%)
recordingTimeBeforeActionintegerNo1Amount of time to capture the screen before doing any action like scrolling down or clicking. (ms)
clickSelectorintegerNoUsed to click an element and record it.
recordingTimeAfterClickintegerNoAmount of time to record the screen after clicking an element with the click selector.
waitToLoadPageintegerNo0Set time to wait at the beginning so that page is fully loaded (ms).
cookieWindowSelectorstringNoCSS selector to remove cookie pop-up window if one is present.
slowDownAnimationsbooleanNofalseWhen selected, slows down animations on the page so they can be properly captured.
lossyCompressionbooleanNotrueLossy LZW compression of GIF using Giflossy.
loslessCompressionbooleanNofalseLossless compression of GIF using Gifsicle.
viewportWidthintegerNo1366Inner width of browser window (pixels)
viewportHeightintegerNo768Inner height of browser window (pixels)

Input example

{
"url":"https://www.franshalsmuseum.nl/en/",
"frameRate":7,
"scrollDown":true,
"recordingTimeBeforeAction":1500,
"cookieWindowSelector":".cookiebar"
}

You might also like

Extended GPT Scraper

drobnikj/extended-gpt-scraper

Extract data from any website and feed it into GPT via the OpenAI API. Use ChatGPT to proofread content, analyze sentiment, summarize reviews, extract contact details, and much more.

πŸ‘ User avatar

Jakub DrobnΓ­k

1.6K

4.8

PDF Text Extractor

jirimoravcik/pdf-text-extractor

PDF Text Extractor allows you to extract text from PDF files. It also supports chunking of the text to prepare the data for usage with large language models.

πŸ‘ User avatar

JiΕ™Γ­ Moravčík

1.1K

Kickstarter Scraper

epctex/kickstarter-scraper

The ultimate and most all-encompassing Kickstarter tool you'll ever discover. With powerful search features, you can instantly locate and access any live project on Kickstarter.com. Search by location, project status, funding progress, and more. User-friendly, cost-effective, and without limitations

Kickstarter Scraper

automation-lab/kickstarter-scraper

Extract Kickstarter project data: funding goals, pledges, backer counts, creator info, and campaign details. Search by keyword, category, or status. Export as JSON, CSV, or Excel. Schedule daily runs to track crowdfunding trends.

πŸ‘ User avatar

Stas Persiianenko

20

WhatsApp group links Scraper

danny.hub/whatsapp-url

Extract WhatsApp group URLs from all social media, our search machine will extract WhatsApp group URLs from Facebook/LinkedIn/Instagram/Tik Tok/YouTube/twitter/Reddit/Pinterest. Join your target WhatsApp groups and get all members WhatsApp or phone numbers. Endless Leads!!

πŸ‘ User avatar

Dannyswift.hub

1K

4.7

πŸ”₯ Web Traffic Generator | πŸš€ WebRocket πŸš€

bebity/web-traffic-generator

πŸš€πŸ’₯ Introducing WebRocket! πŸ’₯ Supercharge your website πŸ“ˆ, deep crawling πŸ•ΈοΈ, and robust error handling πŸ€–. Blast off with start URLs πŸš€, choose simultaneous visitors πŸ§‘πŸ»β€πŸ€β€πŸ§‘πŸ», and set visit numbers #️⃣. Customize the stay duration βŒ›, pick device types πŸ“±πŸ–₯οΈπŸ“Ÿ, and use residential proxies 🌍🏠

GPT Browser

anchor/gpt-browser

A GPT browser to use OpenAI prompt on any website. Put a list of URLs and a prompt, then the GPT agent will give you the answer you need. Fast, easy, and not limited with OpenAI ChatGPT restrictions. The best way to search and use GPT on large number of websites. Upload Excel or CSV. Screenshots πŸ“Έ

GIF Scroll Animation

crawlerbros/gif-scroll-animation

Generate an animated GIF that scrolls down a webpage.