KQ-612 · CARD/FREEZE
Card Freeze
A throw switch that freezes a card: the knob tracks the pointer once the drag clears 4px and commits past the halfway mark on snap, springing home on the same spring when it is released short. Behind it a seeded field of crystals sits under a radial-gradient mask whose hole radius is a motion value, so freezing spreads the frost inward from the edges on drift and thawing lets it recede from the centre. The track is a role="switch": Space and Enter toggle, Right freezes, Left thaws, Escape abandons a throw.
KQ-612 · CARD/FREEZE
WaylightDebit
R. ALDERWICKCard ending 4417
Space or Enter toggles the switch; Right freezes, Left thaws.Card active
Tap to pay · contactless
Coldbrook card active
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/card-freeze
Props
- frozen / defaultFrozen
- boolean
- default false
- Controlled or initial frozen state.
- onFrozenChange
- (frozen: boolean) => void
- default —
- Fires from the release, click or key that committed the throw.
- onProgressChange
- (percent: number) => void
- default —
- Whole-percent throw position, for a status line that narrates the gesture.
- label
- string
- default "Freeze card"
- Names the switch.
- network
- string
- default "Waylight"
- Network wordmark on the slab.
- last4
- string
- default "4417"
- Last four digits printed on the slab.
- holder
- string
- default "R. ALDERWICK"
- Name on the slab.
- seed
- number
- default 19
- Seeds the crystal pattern — the same seed always draws the same frost.
- disabled
- boolean
- default false
- Locks the track.
| Prop | Type | Default | Description |
|---|---|---|---|
| frozen / defaultFrozen | boolean | false | Controlled or initial frozen state. |
| onFrozenChange | (frozen: boolean) => void | — | Fires from the release, click or key that committed the throw. |
| onProgressChange | (percent: number) => void | — | Whole-percent throw position, for a status line that narrates the gesture. |
| label | string | "Freeze card" | Names the switch. |
| network | string | "Waylight" | Network wordmark on the slab. |
| last4 | string | "4417" | Last four digits printed on the slab. |
| holder | string | "R. ALDERWICK" | Name on the slab. |
| seed | number | 19 | Seeds the crystal pattern — the same seed always draws the same frost. |
| disabled | boolean | false | Locks the track. |