Glyph Glitch
Typographic corruption: a grid of SDF pseudo-glyphs that tear, swap channels and scramble under the hand. Letter-glitch energy without a font file.
Draw
draw a card
$npx shadcn@latest add @clow/glyph-glitchFirst time? Point @clow at the registry
Once per project, add the registry to your components.json. Then draw any card by name.
"registries": {
"@clow": "https://clow.cards/r/{name}.json"
}Full setup →Playground
props
<GlyphGlitch />Examples
basic
Props
| prop | type | default |
|---|---|---|
| enabled | boolean | true |
| interactive | boolean | true |
| speed | number | 0.9 |
| columns | number | 14 |
| rows | number | 8 |
| scramble | number | 2.5 |
| chaos | number | 0.25 |
| tear | number | 0.35 |
| shiftAmt | number | 0.35 |
| split | number | 0.04 |
| blocks | number | 0.08 |
| intensity | number | 1 |