Hardware Acceleration

Compare GPU-accelerated (transform) vs CPU-based (top/left) animations by toggling hardware acceleration

FPS

60fps

Controls

Element Count: 40

FPS

60fps

Frame Time

0.00ms

Layout Operations

Paint Operations

Composite Operations

FPS Over Time

Rendering Pipeline

Layout0

Paint0

Composite0

Non-accelerated mode triggers layout and paint operations on every frame

Animation Preview

CPU Based

Non-Accelerated: Using top and left - Triggers layout recalculation and repaint on every frame. Performance degrades significantly with more elements.