- Docs
- Components
- Cursor Effects
- Ascii Cursor
Ascii Cursor
Cursor that leaves ASCII character trail
ascii-cursor-tw
MOVE CURSOR
Customize
Grid Size
40
Spread
20
Persistence
2.0
Opacity
1.0
Color
Background Color
Props
14| Name | Type | Default | Description |
|---|---|---|---|
size | number | 20 | Size of the grid cells in pixels |
color | string | "#00ff00" | Color of the characters |
backgroundColor | string | "#000000" | Background color of the active cells |
enableFade | boolean | true | Whether to fade out the characters or keep them solid |
spread | number | 5 | Spread of the cursor trail (brush size) |
persistence | number | 1 | Duration of the trail persistence |
opacity | number | 1 | Overall opacity of the cursor effect |
enableBloom | boolean | false | Enable bloom effect |
bloomStrength | number | 2 | Strength of the bloom effect |
bloomRadius | number | 0.4 | Radius of the bloom effect |
enableChromaticAberration | boolean | false | Enable chromatic aberration effect |
chromaticAberrationOffset | number | 0.005 | Offset of the chromatic aberration effect |
characters | string | " .:-+*=%@#" | String of characters to use for the cursor trail |
className | string | "" | Additional CSS classes for the container |
sizenumberSize of the grid cells in pixels
Default
20colorstringColor of the characters
Default
"#00ff00"backgroundColorstringBackground color of the active cells
Default
"#000000"enableFadebooleanWhether to fade out the characters or keep them solid
Default
truespreadnumberSpread of the cursor trail (brush size)
Default
5persistencenumberDuration of the trail persistence
Default
1opacitynumberOverall opacity of the cursor effect
Default
1enableBloombooleanEnable bloom effect
Default
falsebloomStrengthnumberStrength of the bloom effect
Default
2bloomRadiusnumberRadius of the bloom effect
Default
0.4enableChromaticAberrationbooleanEnable chromatic aberration effect
Default
falsechromaticAberrationOffsetnumberOffset of the chromatic aberration effect
Default
0.005charactersstringString of characters to use for the cursor trail
Default
" .:-+*=%@#"classNamestringAdditional CSS classes for the container
Default
""