Dot Matrix

https://github.com/zzzzshawn/matrix

Admin

Dot Matrix is a library of reusable dot-matrix style loading animations designed for shadcn registry...

Tokens:520

Snippets:11

Trust Score:9

Update:2 months ago

Show doc for...

Tokens:

Raw

### Initialize cycle phase

Source: https://github.com/zzzzshawn/matrix/blob/main/docs/smooth-loader-animations.md

Use this hook to obtain a normalized phase value for smooth, frame-based opacity animations.

```ts
const cyclePhase = useCyclePhase({
  active: cycleActive,
  cycleMsBase: 1800,
  speed
});
```

Tokens:

Raw