Faulty Terminal

Shaders 32

About

Here is Faulty Terminal component

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Faulty Terminal to your project and fits it to your theme.

Code

How Faulty Terminal is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

// Import name must always be `Component` per demo rules.
import Component from "@/components/ui/faulty-terminal";

export default function FaultyTerminalBasic() {
  return (
    <div style={{ width: "100%", height: 600, position: "relative" }}>
      <Component
        scale={1.5}
        gridMul={[2, 1]}
        digitSize={1.2}
        timeScale={1}
        pause={false}
        scanlineIntensity={1}
        glitchAmount={1}
        flickerAmount={1}
        noiseAmp={1}
        chromaticAberration={0}
        dither={0}
        curvature={0}
        tint="#ffffff"
        mouseReact
        mouseStrength={0.5}
        pageLoadAnimation={false}
        brightness={1}
      />
    </div>
  );
}