ParallaxSwissKnife is a drop-in scroll animation controller for Framer. Place it inside any frame — it automatically finds its siblings and animates them based on scroll position. No manual wiring, no connections, no code.
It ships with three animation modes. Speed applies classic parallax — content drifts slower or faster than the page, or in reverse. Enter & Exit controls how a frame's content arrives and departs: siblings slide in from above as the frame scrolls into view, and drift away as it exits. Align is the most flexible mode: instead of defining offsets, you define two anchor points — one on the parent frame, one on the sibling group — and the component smoothly interpolates between them as the frame travels through the viewport. This means the canvas position of your layers becomes irrelevant; the animation handles placement entirely.
The component was built collaboratively with Framer's AI agent through iterative prompting — describing use cases and expected behavior rather than writing code directly. The agent handled implementation while the prompts stayed focused on what the animation should feel like and when it should happen.
ParallaxSwissKnife is a drop-in scroll animation controller for Framer. Place it inside any frame — it automatically finds its siblings and animates them based on scroll position. No manual wiring, no connections, no code.
It ships with three animation modes. Speed applies classic parallax — content drifts slower or faster than the page, or in reverse. Enter & Exit controls how a frame's content arrives and departs: siblings slide in from above as the frame scrolls into view, and drift away as it exits. Align is the most flexible mode: instead of defining offsets, you define two anchor points — one on the parent frame, one on the sibling group — and the component smoothly interpolates between them as the frame travels through the viewport. This means the canvas position of your layers becomes irrelevant; the animation handles placement entirely.
The component was built collaboratively with Framer's AI agent through iterative prompting — describing use cases and expected behavior rather than writing code directly. The agent handled implementation while the prompts stayed focused on what the animation should feel like and when it should happen.
