Ascii Cursor

Cursor that leaves ASCII character trail

ascii-cursor-tw

MOVE CURSOR

Customize

Tweak the props live

Basic Settings

Grid Size40

Spread20

Persistence2

Opacity1

Fade Out

Characters

Colors

Color

#00ff00

Background Color

#000000

Bloom Effect

Bloom

Chromatic Aberration

Props

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

sizenumber

Size of the grid cells in pixels

Default:20

colorstring

Color of the characters

Default:"#00ff00"

backgroundColorstring

Background color of the active cells

Default:"#000000"

enableFadeboolean

Whether to fade out the characters or keep them solid

Default:true

spreadnumber

Spread of the cursor trail (brush size)

Default:5

persistencenumber

Duration of the trail persistence

Default:1

opacitynumber

Overall opacity of the cursor effect

Default:1

enableBloomboolean

Enable bloom effect

Default:false

bloomStrengthnumber

Strength of the bloom effect

Default:2

bloomRadiusnumber

Radius of the bloom effect

Default:0.4

enableChromaticAberrationboolean

Enable chromatic aberration effect

Default:false

chromaticAberrationOffsetnumber

Offset of the chromatic aberration effect

Default:0.005

charactersstring

String of characters to use for the cursor trail

Default:" .:-+*=%@#"

classNamestring

Additional CSS classes for the container

Default:""