#animation

Animated chart showing Monthly Recurring Revenue scaling. Requirements: 1. Smooth upward curve without volatility. 2. Interactive value labels on hover. 3. Milestone markers (e.g., '$10K MRR'). 4. Transition between 'Monthly' and 'Annual' views. Style: Sleek financial UI with high-contrast glowing lines against a dark backdrop.

Create a world-class creative portfolio with Framer Motion. Animations to implement: 1. Staggered entrance for hero text. 2. 'Scroll to view' reveal for project cards. 3. Smooth page transitions using AnimatePresence. 4. Custom cursor that changes shape on hover. 5. Parallax effect for the background mesh gradient.

An educational visualization of Pixar's storytelling logic. Shot: 1. A 3D graph showing 'Tension' over 'Time'. 2. Iconic characters (e.g., Woody, Joy, Buzz) placed at emotional peaks. 3. Bright, friendly lighting and rounded 3D shapes. 4. Instructional annotations in a playful font. 5. High-fidelity 3D render with sub-surface scattering.

Create engaging motion graphics using 12 principles of animation and timing theory. Core animation principles: 1. Squash and stretch: volume preservation during movement for natural feel. 2. Anticipation: prepare audience for main action (wind-up before throw). 3. Ease in/out: gradual acceleration/deceleration mimics natural movement. 4. Follow through: secondary elements continue moving after primary action stops. Timing fundamentals: 1. 24 fps standard for cinematic feel, 30 fps for broadcast, 60 fps for smooth UI. 2. Rule of thirds for duration: setup (1/3), action (1/3), resolution (1/3). 3. Attention span: key message delivery within first 3 seconds. Typography animation: 1. Staggered reveals: 0.1-0.2 second delays between elements. 2. Kinetic typography: text movement supports meaning and emotion. 3. Reading time: allow 250 words per minute reading speed. Software techniques: After Effects keyframe interpolation, easing curves for natural motion, pre-composition for complex animations. Export optimization: H.264 for video, GIF for web loops under 3MB, Lottie for interactive web animations. Testing: preview on target devices, gather feedback on pacing and clarity.

Design a high-converting pricing page using Tailwind CSS v3.4 and DaisyUI 4.0. Feature three tiers: Starter, Pro, and Enterprise. Requirements: 1. Smooth hover scaling effects on the 'Pro' card. 2. A monthly/yearly toggle switch that updates prices with a transition. 3. Gradient borders for the featured plan. 4. Fully responsive flexbox layout. 5. Use primary/secondary theme colors consistently.