aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
37 lines • 1.44 kB
TypeScript
/**
import { cn } from '@/lib/utils';
* Immersive 3D Glass Effects Engine
* Creates layered depth perception, parallax scrolling, and interactive 3D distortions
*/
import React from "react";
interface Glass3DLayer {
id: string;
depth: number;
parallaxFactor: number;
refractionIndex: number;
opacity: number;
blurRadius: number;
distortionIntensity: number;
holographicShift: number;
}
type Glass3DInteraction = "hover" | "click" | "scroll" | "tilt" | "proximity" | "gaze";
interface Glass3DEngineProps {
children: React.ReactNode;
className?: string;
layers?: Partial<Glass3DLayer>[];
enableParallax?: boolean;
enableDepthOfField?: boolean;
enableDistortion?: boolean;
enableHolographic?: boolean;
interactionTypes?: Glass3DInteraction[];
perspectiveDistance?: number;
maxDepthLayers?: number;
onLayerInteraction?: (layerId: string, interaction: Glass3DInteraction) => void;
}
export declare const Glass3DEngine: React.FC<Glass3DEngineProps>;
export declare const ParallaxGlass: React.FC<Omit<Glass3DEngineProps, "enableParallax">>;
export declare const DepthGlass: React.FC<Omit<Glass3DEngineProps, "enableDepthOfField">>;
export declare const HolographicGlass: React.FC<Omit<Glass3DEngineProps, "enableHolographic">>;
export declare const InteractiveGlass3D: React.FC<Glass3DEngineProps>;
export default Glass3DEngine;
//# sourceMappingURL=Glass3DEngine.d.ts.map