aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
60 lines • 1.8 kB
TypeScript
/**
* AuraGlass Ambient Mesh Gradients
* Animated mesh gradients with glass overlay effects
*/
import React from "react";
interface GlassMeshGradientProps {
className?: string;
colors?: string[];
points?: number;
speed?: number;
blur?: number;
opacity?: number;
animate?: boolean;
interactive?: boolean;
complexity?: "simple" | "moderate" | "complex";
variant?: "ambient" | "vibrant" | "subtle" | "dark";
"aria-label"?: string;
}
export declare function GlassMeshGradient({ className, colors, points, speed, blur, opacity, animate, interactive, complexity, variant, "aria-label": ariaLabel, }: GlassMeshGradientProps): import("react/jsx-runtime").JSX.Element;
export declare const GlassMeshBackground: React.ForwardRefExoticComponent<GlassMeshGradientProps & {
children?: React.ReactNode;
} & React.RefAttributes<HTMLDivElement>>;
export declare const meshGradientPresets: {
ocean: {
colors: string[];
variant: "ambient";
speed: number;
blur: number;
};
sunset: {
colors: string[];
variant: "vibrant";
speed: number;
blur: number;
};
aurora: {
colors: string[];
variant: "ambient";
speed: number;
blur: number;
points: number;
};
galaxy: {
colors: string[];
variant: "dark";
speed: number;
blur: number;
complexity: "complex";
};
minimal: {
colors: string[];
variant: "subtle";
speed: number;
blur: number;
complexity: "simple";
};
};
export declare function useMeshGradientColors(baseColor: string, scheme?: "analogous" | "complementary" | "triadic"): string[];
export {};
//# sourceMappingURL=GlassMeshGradient.d.ts.map