Centralized animation system with timing constants, easing functions, spring configs, CSS transitions, entry variants, stagger delays, and shared motion variants for consistent animations across components.
$ npx shadcn@latest add @orecus/animationimport { DURATIONS, EASE, SPRING, CSS_TRANSITIONS, CSS_HOVER, ENTRY_VARIANTS, STAGGER_DELAYS, SHARED_VARIANTS, ANIMATION_PROPS,} from "@/components/ui/orecus.io/lib/animation";// Use CSS classes for simple hover effects<div className={cn(CSS_TRANSITIONS.base, CSS_HOVER.scale.subtle)}>// Use motion variants for complex animations<motion.div variants={SHARED_VARIANTS.fadeIn} initial="hidden" animate="visible"/>// Use animation props for inline animations<motion.div {...ANIMATION_PROPS.fadeSlideUp} />