aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
17 lines • 901 B
TypeScript
import React, { HTMLAttributes } from 'react';
export type AnimationPreset = 'fadeIn' | 'slideIn' | 'slideDown' | 'slideUp' | 'slideLeft' | 'slideRight' | 'scaleIn' | 'rotateIn' | 'bounceIn' | 'pulseIn' | 'none';
export type AnimationEasing = 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'spring';
export interface MotionProps extends HTMLAttributes<HTMLDivElement> {
as?: React.ElementType;
preset?: AnimationPreset;
type?: 'fade' | 'slide' | 'scale' | 'bounce' | 'rotate' | 'pulse';
direction?: 'up' | 'down' | 'left' | 'right' | 'center';
duration?: number;
delay?: number;
easing?: AnimationEasing;
animateOnMount?: boolean;
animateOnHover?: boolean;
animateOnScroll?: boolean;
}
export declare const MotionFramer: React.ForwardRefExoticComponent<MotionProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=MotionFramer.d.ts.map