Dynamic loops

You can wrap a shader inside a native Framer component and create multiple variants triggered on a loop. The change of values and settings will animate for almost all property controls offering a slider.

Steps

• Wrap your shader inside a Framer component (cmd + option + k)

• Create multiple variants with different settings

• Set a native Framer loop via the Interaction panel (On Appear > Cycle)

You can control the easing curve for each variant individually. Or simply adjust the easing curve of the primary variant to impact all variants at once (native Framer behaviour).