Khi tạo ứng dụng web HTML5 dùng KineticJS, grouping và layering cần được sử dụng.
Groups về cơ bản là container (vùng chứa) trong khi layers là separators (bộ tách).
Group là container chứa các đối tượng hình dạng bên trong layers, ví dụ group có thể chứa cả circle và rectangle. Nếu group bị thao tác thì các phần tử trong group cũng bị thao tác. Ví dụ kéo group thì các element bên trong cũng bị kéo theo.
Tuy nhiên, layers thực sự tách biệt các phần tử canvas ở trên nhau. Điều này tương tự layers trong Photoshop và Illustrator. Nhiều layers hiển thị cùng lúc.
Layers dùng để tách một item khỏi item khác; ví dụ background layer tách biệt khỏi animation layer.