animation-designer

Smooth, professional web animations using Framer Motion and CSS with production-ready patterns. I help you create smooth, professional animations for web applications using Framer Motion and CSS. UI Animations: Scroll Animations: Micro-interactions: Usage: Perfect for: I'll help you: Let's make your interfaces feel alive! - Covers UI animations (page transitions, component enter/exit, hover effects), scroll animations (parallax, scroll-triggered reveals, progress indicators), and micro-interactions (button feedback, form states, drag and drop) - Provides 5+ common animation patterns including fade-in, staggered lists, button hover, modal dialogs, and page transitions with ready-to-use code examples - Includes scroll animation techniques with useScroll and useTransform hooks for parallax effects and scroll-progress indicators - Offers loading animation patterns (spinners, skeleton loaders, pulsing dots) and CSS keyframe animations with Tailwind integration - Emphasizes performance best practices (GPU-accelerated transforms, optimal duration ranges, easing strategies) and accessibility considerations with useReducedMotion support - Page transitions - Component enter/exit animations - Hover effects, button interactions - Loading animations - Parallax effects - Scroll-triggered animations - Progress indicators - Button press feedback - Form field focus states - Success/error...