Recipe Framer Event Trigger

Fires a Framer interaction when a bound recipe matches.

Last updated

Recipe Framer Event Trigger icon

How to use

  1. In the Butter plugin, add a Trigger Framer Event action to your recipe and set its Recipe ID.

  2. On this component, set ✦ Recipe ID to match.

  3. Choose Trigger: Recipe Only fires only when the recipe's conditions match; Button & Recipe also fires on a click, so it needs a connected design.

  4. For Button & Recipe, connect your design to ⦿ Design.

  5. Wire Recipe Match to the interaction you want — opening an overlay, changing a variant, or any other Framer interaction.

Recipe Only vs. Button & Recipe

Trigger

Fires

Needs

Recipe Only

Only when the recipe's conditions become true. Invisible on the published site.

Nothing to connect.

Button & Recipe

On click, as well as on recipe match.

A connected ⦿ Design.

Canvas Hint

In Recipe Only mode there's nothing visible on the published site, so Canvas Hint (on by default) shows a canvas-only placeholder while you're building — it never appears live.

Optionally set Tracking to record triggers in Framer Analytics.

Questions? Join our Slack community