# Cheat sheet

> Every utility class on one filterable page — by class, by property, or by lowering path.

Source: https://docs.astra-void.xyz/vela-rbxts/reference/cheat-sheet/

The same classes the [utility reference](https://docs.astra-void.xyz/vela-rbxts/reference/utilities.md) documents, with the prose
taken out. Filter by a class prefix such as `bg-`, by the Roblox property a class writes such as
`UIStroke` or `TextSize`, or by the family name. Every family heading links back to the section that
explains it.

The **runtime** pill marks a utility that builds a wrapper, a separator or a loop, which no static
prop can express. Margins, `divide-*`, `animate-*` and every variant prefix move the element onto
the [runtime path](https://docs.astra-void.xyz/vela-rbxts/getting-started/how-it-works.md#the-two-lowering-paths), even inside a
plain string literal. Filter to just those to see what a class list is costing you.

_Every utility class on one filterable page. The same rows, with the prose that explains them, are in the Utility reference._

A class that is not here is one Vela does not compile. The reference page lists
[what has no Roblox equivalent](https://docs.astra-void.xyz/vela-rbxts/reference/utilities.md#not-implemented) and why, and
[Diagnostics](https://docs.astra-void.xyz/vela-rbxts/reference/diagnostics.md) explains every warning code named above.

Three things this page cannot flatten into rows, all on the reference.
[Color keys and the `/N` modifier](https://docs.astra-void.xyz/vela-rbxts/reference/utilities.md#color),
[arbitrary bracket values](https://docs.astra-void.xyz/vela-rbxts/reference/utilities.md#arbitrary-values), and
[which utilities each host element accepts](https://docs.astra-void.xyz/vela-rbxts/reference/utilities.md#supported-elements).