---
title: "Disarray"
description: "Codepip game about CSS transforms, teaching translate, rotate, scale and skew by rearranging scattered objects."
canonical: "https://vibing.inc/library/disarray-vg-1236"
category: "Learning & Craft"
subcategory: "CSS games"
license: "free"
author: "Thomas Park / Codepip (@thomaspark)"
source: "https://codepip.com/games/disarray/"
---

# Disarray
Codepip game about CSS transforms, teaching translate, rotate, scale and skew by rearranging scattered objects.
## Facts
- Source: https://codepip.com/games/disarray/
- Category: Learning & Craft / CSS games
- Author: Thomas Park / Codepip (@thomaspark)
- Licence: free
- Tags: css, transforms, game, learning
## Why it's a gem
Transforms are where most animation bugs start; this drills the mental model
---
Listed in The Vibeary: https://vibing.inc/library/disarray-vg-1236 · JSON: https://vibing.inc/api/public/library/gems/disarray-vg-1236