Glass Cursor
Glass-like cursor trail with refraction and blur
glass-cursor-tw
Customize
Basic
0
0.04
40
1
Shape & Refraction
0.3
0.6
0.3
0.3
Lighting & Warp
0.15
0.2
25
5
Props
| Name | Type | Default | Description |
|---|---|---|---|
| width | string | number | "100%" | Container width in pixels or CSS value |
| height | string | number | "100%" | Container height in pixels or CSS value |
| className | string | undefined | Additional CSS classes for the container |
| children | React.ReactNode | undefined | Content rendered above the effect |
| src | string | "https://images.unsplash.com/..." | Image source URL to apply the glass effect on |
| dampening | number | 0 | Cursor follow smoothness (0 = instant, 1 = very laggy) |
| blobSize | number | 0.04 | Metaball radius in UV space |
| trailLength | number | 40 | Number of active trail points (max 40) |
| tailFade | number | 0.3 | Tail shrink curve (higher = faster fade) |
| threshold | number | 0.6 | Metaball iso-surface threshold |
| refraction | number | 0.3 | Gradient-based lens refraction strength |
| blurSpread | number | 0.3 | Blur sample spacing |
| borderGlow | number | 0.15 | Border rim brightness |
| specularGain | number | 0.2 | Specular highlight intensity |
| blobWarpAmount | number | 25 | Organic warp distortion amount on trail |
| blobWarpScale | number | 5 | Spatial frequency of warp noise |
| backgroundColor | string | "#000000" | Background color hex |
| opacity | number | 1 | Master opacity |