Interactive code elements (React / canvas / WebGL) can expose their own editable fields, and those fields become animatable — so you can keyframe or scroll-drive a custom element’s parameters just like any CSS property.
Where: Code element → exposed fields → Interactions/timeline — Animate an exposed field
Key ideas
- Exposed fields: A code element declares fields (number/range/color/boolean/select/…) via the f0Fields convention.
- Animatable channels: Each field becomes a
field:<id>channel the engine drives; continuous types interpolate, discrete types snap.
Steps
- Use a code element that exposes fields (or author the f0Fields export).
- Find its fields in the inspector.
- Keyframe or scroll-drive a field on the timeline/interactions.