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
42 lines • 1.25 kB
TypeScript
interface UseCardSpringProps {
/**
* Card interaction intensity
* @default "subtle"
*/
intensity?: "subtle" | "medium" | "strong";
/**
* Enable tilt effect on hover
* @default true
*/
enableTilt?: boolean;
/**
* Maximum tilt rotation in degrees
* @default 4
*/
maxTilt?: number;
/**
* Enable depth shadow animation
* @default true
*/
enableDepth?: boolean;
}
export declare const useCardSpring: (props?: UseCardSpringProps) => {
scale: import("framer-motion").MotionValue<number>;
y: import("framer-motion").MotionValue<number>;
rotateX: import("framer-motion").MotionValue<number> | undefined;
rotateY: import("framer-motion").MotionValue<number> | undefined;
shadow: {
blur: import("framer-motion").MotionValue<number>;
opacity: import("framer-motion").MotionValue<number>;
} | undefined;
interactions: {
onHoverStart: (event: React.MouseEvent) => void;
onHoverEnd: () => void;
onPressStart: () => void;
onPressEnd: () => void;
onMouseMove: (event: React.MouseEvent) => void;
};
reducedMotion: boolean;
};
export {};
//# sourceMappingURL=useCardSpring.d.ts.map