Agency-grade design system for AI Agency Framework — where every animation is scroll-driven or interaction-driven. Zero decorative fluff.
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs. How vexingly quick daft zebras jump.
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs. How vexingly quick daft zebras jump.
const aiAgency = new MotionFramework();
Glassmorphism card with mouse-tracking glow effect. Hover to see the radial gradient follow your cursor.
Backdrop-filter blur with subtle border glow on hover. The sharp 2px radius maintains the premium agency feel.
Agency-grade motion design with cinematic easing curves
cubic-bezier(0.16, 1, 0.3, 1) —
The primary entrance easing. Fast start with a long, smooth deceleration.
Elements stagger in sequence: 0.03s tight →
0.1s base →
0.2s dramatic
Characters and words animate with clip-path polygon reveals
Scale from 1.2x → 1.0x with
blur(8px) → blur(0)
Hover over these buttons to feel the magnetic cursor attraction (20px radius)