SmartRing
VERSION2.3.0
LICENSEMIT
CONFIG3 Options
A reactive ring that distorts with velocity and adapts to stuck elements.
Installation
pnpm add @supermousejs/labsUsage
import { SmartRing } from '@supermousejs/labs';
app.use(SmartRing({ size: 24, color: '#f59e0b', enableSkew: true }));Configuration
* Reactive Property| Option | Type | Default | Description |
|---|---|---|---|
| size * | number | 20 | Base diameter. |
| hoverSize * | number | 40 | Diameter on hover. |
| enableSkew | boolean | false | Distort shape based on velocity. |