vault66-crt-effect
Version:
A customizable CRT visual effect component for React
28 lines (27 loc) • 1.2 kB
TypeScript
import React from "react";
interface CRTEffectProps {
enabled?: boolean;
sweepDuration?: number;
sweepThickness?: number;
sweepStyle?: "classic" | "soft";
scanlineOpacity?: number;
scanlineColor?: string;
scanlineThickness?: number;
scanlineGap?: number;
enableScanlines?: boolean;
enableSweep?: boolean;
theme?: "green" | "amber" | "blue" | "custom";
enableGlow?: boolean;
glowColor?: string;
enableEdgeGlow?: boolean;
edgeGlowColor?: string;
edgeGlowSize?: number;
enableFlicker?: boolean;
flickerIntensity?: "low" | "medium" | "high";
scanlineOrientation?: "horizontal" | "vertical";
glitchMode?: boolean;
glitchIntensity?: "low" | "medium" | "high";
children: React.ReactNode;
}
declare const CRTEffect: ({ enabled, sweepDuration, sweepThickness, sweepStyle, scanlineOpacity, scanlineColor, scanlineThickness, scanlineGap, enableScanlines, enableSweep, theme, enableGlow, glowColor, enableEdgeGlow, edgeGlowColor, edgeGlowSize, enableFlicker, scanlineOrientation, glitchIntensity, flickerIntensity, glitchMode, children, }: CRTEffectProps) => import("react/jsx-runtime").JSX.Element;
export default CRTEffect;