Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-compositing.json
- Purpose
- Compare compositor-friendly properties with layout- or paint-triggering properties to choose a stable rendering path.
- Trigger
- Trigger from property selection or a performance experiment while recording main-thread, layout, paint, and compositing activity.
- Interruptibility
- Allow tests to stop and reset layer state, enabling will-change only shortly before it is needed.
- Reduced motion
- Reduced-motion mode still favors transform and opacity while limiting persistent layer allocation.
compositingCompositingCompositing assembles painted layers into the final frame and can update transforms or opacity without repeating layout.
will-changewill-changeThe will-change property warns the browser about an upcoming property change so it can prepare relevant rendering resources.
layout-thrashingLayout thrashingRepeated interleaving of layout reads and writes forces synchronous recalculation and consumes the frame budget.
hardware-accelerationHardware accelerationHardware acceleration uses compositor and GPU resources for eligible visual updates, helping frames meet display deadlines.