Squares Terminal

Props

24

Name	Type	Default	Description
`columns`	number	`128`	Cells across the horizontal axis.
`rows`	number	`128`	Cells across the vertical axis.
`color`	string	`"#ff7cf9"`	Phosphor color in hex.
`backgroundColor`	string	`"#0a0a0a"`	Screen fill color in hex.
`speed`	number	`15`	Cells a row travels each second.
`rowBias`	number	`0`	Push that biases rows toward one direction.
`fillThreshold`	number	`0.3`	Cutoff above which a cell lights up, from 0 to 1.
`dashHead`	number	`0.1`	Width of the lit edge of a cell, from 0 to 1.
`dashTail`	number	`1`	Point at which a cell has faded out, from 0 to 1.
`rowFloor`	number	`0.3`	Dimmest a row is allowed to be.
`alternateRows`	boolean	`true`	Blank every other row.
`curvature`	number	`1`	Amount of tube bend across the screen.
`glow`	number	`0.25`	Bloom on the hottest cells.
`vignette`	number	`0.5`	Darkening toward the screen corners.
`opacity`	number	`1`	Master alpha from 0 to 1.
`cursorInteraction`	boolean	`true`	Let the cursor disturb nearby rows.
`cursorRadius`	number	`0.5`	Cursor influence radius in screen units.
`cursorIntensity`	number	`1`	How far the cursor lifts nearby cells toward full brightness.
`paused`	boolean	`false`	Freeze all motion.
`dpr`	number	`1.5`	Maximum device pixel ratio.
`children`	ReactNode	`undefined`	Content rendered above the field.
`width`	number \| string	`"100%"`	Container width.
`height`	number \| string	`"100%"`	Container height.
`className`	string	`""`	Additional CSS classes.

columnsnumber

Cells across the horizontal axis.

Default128

rowsnumber

Cells across the vertical axis.

Default128

colorstring

Phosphor color in hex.

Default"#ff7cf9"

backgroundColorstring

Screen fill color in hex.

Default"#0a0a0a"

speednumber

Cells a row travels each second.

Default15

rowBiasnumber

Push that biases rows toward one direction.

Default0

fillThresholdnumber

Cutoff above which a cell lights up, from 0 to 1.

Default0.3

dashHeadnumber

Width of the lit edge of a cell, from 0 to 1.

Default0.1

dashTailnumber

Point at which a cell has faded out, from 0 to 1.

Default1

rowFloornumber

Dimmest a row is allowed to be.

Default0.3

alternateRowsboolean

Blank every other row.

Defaulttrue

curvaturenumber

Amount of tube bend across the screen.

Default1

glownumber

Bloom on the hottest cells.

Default0.25

vignettenumber

Darkening toward the screen corners.

Default0.5

opacitynumber

Master alpha from 0 to 1.

Default1

cursorInteractionboolean

Let the cursor disturb nearby rows.

Defaulttrue

cursorRadiusnumber

Cursor influence radius in screen units.

Default0.5

cursorIntensitynumber

How far the cursor lifts nearby cells toward full brightness.

Default1

pausedboolean

Freeze all motion.

Defaultfalse

dprnumber

Maximum device pixel ratio.

Default1.5

childrenReactNode

Content rendered above the field.