ReferenceLayersLines and shapes
Ribbons
Silk ribbons curving slowly across.
- Kind
- Layer · Lines and shapes
- Script name
ribbons- Cost to draw
- Heavy

Ribbons
| Setting | Kind | Starts at | Range and notes |
|---|---|---|---|
How manycount | whole number | 3 | 1 to 8 |
Widthwidth | number | 14% | 2% to 50% |
Colourscolours | gradient | #3fd0c9ff → #7ce695ff → #a98bffff | – |
Twisttwist | number | 50% | 0% to 100% |
Curvecurve | number | 50% | 0% to 100% |
Speedspeed | number | 0.4× | 0 to 3× |
Sheensheen | number | 60% | 0% to 100% |
Soft edgessoftness | number | 30% | 0% to 100% |
Arrangementseed | seed | 1 | – |
From a script
Every setting above can be changed by the scene's logic, by its key. Say the layer is called Ribbons:
scene.set("Ribbons", "width", 0.5);scene.animate("Ribbons", "opacity", 0.5, 2);import { scene } from "motion";scene.set("Ribbons", "width", 0.5);scene.animate("Ribbons", "opacity", 0.5, 2);◆On Scene Start
ƒSet Layer SettingTarget is Layer
TargetRibbons
Parameter Namewidth
Parameter Value0.5
What every layer has
Besides its own settings, every layer has its opacity, blend, placement, quick effects and an effects stack. They're listed once, on the layers page.
Notes from the community
Written by creators and checked by the docs' editors. Not part of Motion's official reference.