FaultyTerminal — faulty-terminal

PREVIEW

TERMINAL

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;

import { FaultyTerminal } from '@oalacea/chaosui/backgrounds/faulty-terminal';

<FaultyTerminal />
<FaultyTerminal scanlineIntensity={0.5} glitchAmount={2} />
<FaultyTerminal tint="#00ff00" chromaticAberration={2} />

PROPS

PropTypeDefault

scaleScale of the matrix grid

number1

gridMulGrid multipliers [x, y]

[number, number][2, 1]

digitSizeSize of the LED digits

number1.5

timeScaleTime scale for animation

number0.3

pausePause animation

booleanfalse

scanlineIntensityScanline intensity (0-1)

number0.3

glitchAmountGlitch amount (1 = normal, higher = more)

number1

flickerAmountFlicker amount (1 = normal, higher = more)

number1

noiseAmpNoise amplitude

number1

chromaticAberrationChromatic aberration strength

number0

ditherDithering amount (0 = off, higher = more)

number | boolean0

curvatureScreen curvature (0 = flat)

number0.2

tintTint color (hex)

string"#ffffff"

mouseReactReact to mouse interaction

booleantrue

mouseStrengthMouse interaction strength

number0.2

dprDevice pixel ratio

numberMath.min(devicePixelRatio, 2)

pageLoadAnimationEnable page load animation

booleantrue

brightnessBrightness multiplier

number1

classNameCustom className

string""

styleCustom styles

React.CSSProperties-