@namnguyenthanhwork/react-snowfall-effect
Version:
Create stunning, customizable snowfall animations for your React applications with ease. Perfect for winter themes, Christmas websites, or any application that needs beautiful falling particle effects.
33 lines (32 loc) • 734 B
TypeScript
type SnowflakeShape = 'circle' | 'star' | 'dot';
type Range = {
min: number;
max: number;
};
type RotationConfig = {
enabled: boolean;
speed: Range;
};
export interface SnowfallProps {
snowflakeCount?: number;
images?: string[];
speed?: Range;
wind?: Range;
size?: Range;
opacity?: Range;
rotation?: RotationConfig;
colors?: string[];
className?: string;
style?: React.CSSProperties;
zIndex?: number;
fps?: number;
snowflakeShape?: SnowflakeShape;
fadeEdges?: boolean;
followMouse?: boolean;
gravity?: number;
bounce?: boolean;
melt?: boolean;
accumulate?: boolean;
}
declare const Snowfall: React.FC<SnowfallProps>;
export default Snowfall;