lightswind
Version:
A collection of beautifully crafted React Components, Blocks & Templates for Modern Developers. Create stunning web applications effortlessly by using our 160+ professional and animated react components.
28 lines (27 loc) • 879 B
TypeScript
import React from "react";
interface RaysBackgroundProps {
/** Theme variant - 'light' or 'dark' */
theme?: "light" | "dark";
/** Enable/disable animation */
animated?: boolean;
/** Animation speed multiplier (1 = normal, 2 = double speed, 0.5 = half speed) */
animationSpeed?: number;
/** Opacity of the effect (0-1) */
opacity?: number;
/** Custom color scheme for rays */
colors?: {
purple?: string;
yellow?: string;
pink?: string;
teal?: string;
blue?: string;
};
/** Blur amount for rays in pixels */
blurAmount?: number;
/** Children to render on top of the background */
children?: React.ReactNode;
/** Additional className for the wrapper */
className?: string;
}
export declare const RaysBackground: React.FC<RaysBackgroundProps>;
export default RaysBackground;