$component:

This watches a non-parent component. It requires adding an id attribute, or `x-id` attribute so the component can be identified

$fetch:

A title will load below

$screen:

This helper checks screen breakpoint and returns boolean if any matches.

Window size is higger or equal to 1024px Window size is lower than 1024px

$scroll:

myref

$interval:

$parent:

The child component uses the color name set on the parent in x-text

$range:

This will let you pass in a range to `x-for` such as `$range(1, 10, 2)` and expect 5 iterations [1, 3, 5, 7, 9]

$refresh:

Manually refresh a component

Pressing the button on the left will manually refresh the component.

$truncate:

Truncate to specific characters (click the truncated text to update from 50 characters to unlimited)

Truncate to specific words (in this case, 5). Additionally, customize the ellipsis

$undo:

A random number generator

x-unsafe-html:

Pressing the button will load an alpine component fragment with a js alert

Pressing the button will load an alpine component with a js defined component