liquidify-react
Version:
🚀 Production-ready React component library inspired by Apple's new design language post-WWDC 2025. Built with Panda CSS and React, using Bun as runtime (npm compatible). Helps developers maintain design consistency for Apple platform apps. 47+ components
50 lines • 1.66 kB
TypeScript
interface UseGlassMicroProps {
duration?: number;
stiffness?: number;
damping?: number;
rippleColor?: string;
onTap?: () => void;
}
export declare const useGlassMicro: (props?: UseGlassMicroProps) => {
scale: import("framer-motion").MotionValue<number>;
y: import("framer-motion").MotionValue<number>;
ripple: {
createRippleProps: () => {
style: {
position: "absolute";
top: number;
left: number;
width: string;
height: string;
background: string;
scale: import("framer-motion").MotionValue<number>;
opacity: import("framer-motion").MotionValue<number>;
borderRadius: string;
pointerEvents: "none";
};
initial: {
scale: number;
opacity: number;
};
transition: {
duration: number;
ease: "easeOut";
};
};
handleTap: (event: React.MouseEvent | React.TouchEvent) => void;
x: import("framer-motion").MotionValue<number>;
y: import("framer-motion").MotionValue<number>;
opacity: import("framer-motion").MotionValue<number>;
size: import("framer-motion").MotionValue<string>;
scale: import("framer-motion").MotionValue<number>;
};
interactions: {
onHoverStart: () => void;
onHoverEnd: () => void;
onPressStart: () => void;
onPressEnd: () => void;
};
reducedMotion: boolean;
};
export {};
//# sourceMappingURL=useGlassMicro.d.ts.map