vault66-crt-effect
Version:
A customizable CRT visual effect component for React
41 lines (40 loc) • 1.36 kB
TypeScript
import React from "react";
import type { PresetName } from "../presets";
interface CRTEffectProps {
preset?: PresetName;
enabled?: boolean;
sweepDuration?: number;
sweepThickness?: number;
sweepStyle?: "classic" | "soft";
scanlineOpacity?: number;
scanlineColor?: string;
scanlineThickness?: number;
scanlineGap?: number;
scanlineOrientation?: "horizontal" | "vertical";
enableScanlines?: boolean;
enableSweep?: boolean;
enableGlow?: boolean;
enableEdgeGlow?: boolean;
enableFlicker?: boolean;
enableVignette?: boolean;
enableGlitch?: boolean;
enableCurvature?: boolean;
enableGlare?: boolean;
enableNoise?: boolean;
glitchChromatic?: boolean;
theme?: "green" | "amber" | "blue" | "custom";
glowColor?: string;
edgeGlowColor?: string;
edgeGlowSize?: number;
flickerIntensity?: "low" | "medium" | "high" | number;
flickerSpeed?: "low" | "medium" | "high" | number;
glitchIntensity?: "low" | "medium" | "high" | number;
glitchSpeed?: "low" | "medium" | "high" | number;
vignetteIntensity?: number;
curvatureIntensity?: number;
glareIntensity?: number;
noiseOpacity?: number;
children: React.ReactNode;
}
declare const CRTEffect: (props: CRTEffectProps) => import("react/jsx-runtime").JSX.Element;
export default CRTEffect;