Toggle Sidebar B
AppearanceLight & dark mode D

Faulty Terminal

Terminal CRT scanline squares effect with flicker + noise.

Default

Every prop is wired to the controls underneath. Move the pointer over the stage to ripple the glyphs.

Light previewReplay previewOpen in new tab
New Creative Components

It works on my machine, please check again

Get started Learn more

Customize

Tint Color
Scale1.5
Digit Size1.2
Speed0.5
Noise Amplitude1
Brightness0.6
Scanline Intensity0.5
Curvature0.1
Mouse Strength0.5

API Reference

FaultyTerminal

PropTypeDefaultDescription
scalenumber1Controls the zoom/scale of the pattern.
gridMul[number, number][2, 1]Grid multiplier for glyph density [x, y].
digitSizenumber1.5Size of individual glyphs.
timeScalenumber0.3Animation speed multiplier.
pausebooleanfalsePause/resume animation.
scanlineIntensitynumber0.3Strength of scanline effects.
glitchAmountnumber1Glitch displacement intensity.
flickerAmountnumber1Flicker effect strength.
noiseAmpnumber1Noise pattern amplitude.
chromaticAberrationnumber0RGB channel separation in pixels.
dithernumber | boolean0Dithering effect intensity.
curvaturenumber0.2Barrel distortion amount.
tintstring"#ffffff"Color tint (hex).
mouseReactbooleantrueEnable/disable mouse interaction.
mouseStrengthnumber0.2Mouse interaction intensity.
dprnumbermin(devicePixelRatio, 2)Device pixel ratio used for the canvas.
pageLoadAnimationbooleantrueEnable fade-in animation on load.
brightnessnumber1Overall opacity/brightness control.
lightModebooleanfalseRenders the glyphs as ink on a white background.

Accessibility

Keyboard shortcuts and ARIA behavior.

  • Purely decorative canvas. The shader flickers and displaces the glyphs, so set pause for users who prefer reduced motion and keep it away from pages aimed at users sensitive to flashing.