Skip to main content

Components and constants

Exports

export { default } from './AnimatedCard';
export { default as AnimatedCard } from './AnimatedCard';
export { default as CardLighting } from './CardLighting';
export { default as DefaultCardBack } from './DefaultCardBack';
export { default as HolographicCardFront } from './HolographicCardFront';
export * from './constants';
export * from './enums';
export * from './ExpoHoloCard.types';

Components

NameDescription
AnimatedCardMain card component
HolographicCardFrontFront component that blends an image with Skia lighting
CardLightingLighting layer used inside a Canvas
DefaultCardBackSimple default card back

Enum Objects

NameValues
CardOrientationHorizontal, Vertical
LightingTypeNormal, Prismatic, Aurora, Reverse, Cosmos, Etched
ImageFitCover, Contain, Fill, FitHeight, FitWidth, None, ScaleDown
FlipDirectionLeft, Right

Constants

NameValue
CARD_ASPECT_RATIO840 / 528
CARD_HORIZONTAL_ASPECT_RATIO840 / 528
CARD_VERTICAL_ASPECT_RATIO528 / 840
MAX_TILT_DEG20
SPRING_CONFIG{ damping: 18, stiffness: 120, mass: 0.6 }
RESET_SPRING_CONFIG{ damping: 14, stiffness: 140, mass: 0.5 }
LIFT_SPRING_CONFIG{ damping: 12, stiffness: 220 }
RELEASE_LIFT_SPRING_CONFIG{ damping: 14, stiffness: 180 }
FLIP_DURATION700
FLIP_SWIPE_VELOCITY600
TAP_ZONE_RATIO0.2
LIGHTING_TYPESArray of all lighting types
LIGHTING_LABELSEnglish label by lighting type