webflow-lifecycle-management

What problem does it solve?

It prevents memory leaks and broken behavior by ensuring module initialization and teardown happen consistently during Webflow page transitions.

Core Features & Use Cases

• Lifecycle hooks for module correctness: Use onMount, onDestroy, onPageIn, and onPageOut to initialize, clean up, animate in, and animate out reliably.
• Transition-ready async flow: Run entrance/exit animations as async handlers so UI state stays consistent across navigation.
• Performance-focused exit behavior: Use the { element } option in onPageOut to avoid unnecessary work when an element is not in the viewport.

Quick Start

Ask the AI: "Generate a TypeScript module that uses onMount/onDestroy for event and observer cleanup, and uses onPageIn/onPageOut with GSAP animations for smooth Webflow page transitions."