aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
91 lines • 2.52 kB
TypeScript
/**
* AuraGlass Glassmorphic Particles System
* Interactive particle effects with glass aesthetics
*/
import React from "react";
interface GlassParticlesProps {
className?: string;
count?: number;
maxSize?: number;
minSize?: number;
speed?: number;
connectionDistance?: number;
mouseInteraction?: boolean;
mouseRadius?: number;
colorScheme?: "monochrome" | "rainbow" | "gradient" | "custom";
colors?: string[];
blur?: boolean;
glow?: boolean;
shape?: "circle" | "square" | "triangle" | "star";
behavior?: "float" | "swarm" | "orbit" | "explode" | "gravity";
emitRate?: number;
lifetime?: number;
/** Accessible label for the particle system */
"aria-label"?: string;
/** Reduced motion preference */
respectMotionPreference?: boolean;
}
export declare const GlassParticles: React.ForwardRefExoticComponent<GlassParticlesProps & React.RefAttributes<HTMLDivElement>>;
export declare const GlassParticleEmitter: React.ForwardRefExoticComponent<GlassParticlesProps & {
children?: React.ReactNode;
trigger?: "hover" | "click" | "always";
} & React.RefAttributes<HTMLDivElement>>;
export declare const particlePresets: {
stars: {
count: number;
maxSize: number;
minSize: number;
speed: number;
colorScheme: "monochrome";
shape: "circle";
behavior: "float";
glow: boolean;
};
fireflies: {
count: number;
maxSize: number;
minSize: number;
speed: number;
colorScheme: "gradient";
colors: string[];
shape: "circle";
behavior: "swarm";
glow: boolean;
blur: boolean;
};
snow: {
count: number;
maxSize: number;
minSize: number;
speed: number;
colorScheme: "monochrome";
shape: "circle";
behavior: "gravity";
glow: boolean;
blur: boolean;
};
confetti: {
count: number;
maxSize: number;
minSize: number;
speed: number;
colorScheme: "rainbow";
shape: "square";
behavior: "explode";
lifetime: number;
emitRate: number;
};
matrix: {
count: number;
maxSize: number;
minSize: number;
speed: number;
colorScheme: "custom";
colors: string[];
shape: "square";
behavior: "gravity";
glow: boolean;
};
};
export {};
//# sourceMappingURL=GlassParticles.d.ts.map