Can Webflow support a scrolling animation feature that plays a sequence of PNGs on a webpage? If not currently available, are there plans for this feature to be implemented in the future?

Webflow does not have a built-in feature specifically for playing a sequence of PNG images based on scroll position, but you can achieve this effect using Lottie animations or custom interactions.

1. Use Lottie Animations

• Lottie files support complex animations, including frame-by-frame image sequences.
• Convert your PNG sequence into a Lottie JSON file using Adobe After Effects and the Bodymovin plugin.
• Upload the Lottie file into Webflow using the native Lottie element.
• Set the animation to "Scroll-based" to sync frames with the user's scroll position.

2. Use Webflow Interactions with a Sprite Sheet

• Create a sprite sheet (a single image with all frames in sequence).
• Place a div with background image set to the sprite sheet.
• In Webflow interactions, animate the background position based on scroll.
• This method may require custom CSS for precise control.

3. Use Custom JavaScript (If Needed)

• If neither of the above methods works for your use case, you can use JavaScript to load and swap PNGs dynamically.
• A common approach is using GSAP’s ScrollTrigger to control image sequences.
• This requires custom code embedding, which Webflow allows via the Embed element.

4. Future Webflow Features

• Webflow has not publicly announced native frame-by-frame PNG scrolling support in their roadmap.
• However, Webflow frequently updates its interactions and animations, so improvements in this area might be possible in the future.

Summary

Webflow does not natively support PNG-based scroll animations, but you can achieve it using Lottie files, sprite sheets with interactions, or custom JavaScript. If you're looking for a no-code solution, Lottie is the easiest method.