aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
61 lines • 1.7 kB
TypeScript
/**
* AuraGlass Liquid Glass Transitions
* Fluid morphing transitions between glass states
*/
import React from "react";
export interface LiquidTransitionProps {
children: React.ReactNode;
className?: string;
variant?: "morph" | "flow" | "ripple" | "dissolve" | "splash";
duration?: number;
stiffness?: number;
damping?: number;
tension?: number;
mass?: number;
interactive?: boolean;
trigger?: "hover" | "click" | "auto" | "scroll";
intensity?: number;
"aria-label"?: string;
}
export declare const GlassLiquidTransition: React.ForwardRefExoticComponent<LiquidTransitionProps & React.RefAttributes<HTMLDivElement>>;
interface GlassLiquidContainerProps {
children: React.ReactNode;
className?: string;
morphOnScroll?: boolean;
morphIntensity?: number;
}
export declare const GlassLiquidContainer: React.ForwardRefExoticComponent<GlassLiquidContainerProps & React.RefAttributes<HTMLDivElement>>;
export declare const liquidPresets: {
water: {
variant: "flow";
stiffness: number;
damping: number;
intensity: number;
};
honey: {
variant: "morph";
stiffness: number;
damping: number;
intensity: number;
};
mercury: {
variant: "ripple";
stiffness: number;
damping: number;
intensity: number;
};
gel: {
variant: "dissolve";
stiffness: number;
damping: number;
intensity: number;
};
plasma: {
variant: "splash";
stiffness: number;
damping: number;
intensity: number;
};
};
export {};
//# sourceMappingURL=GlassLiquidTransition.d.ts.map