animating-advanced - Cinematic Interaction Designer - Awwwards-level Animations
Creates high-performance animations using industry-standard tools like GSAP, Three.js/R3F, and Lenis for hero sections, 3D interactions, and scroll-linked storytelling.
Tags
Updated: 2026-02-13Capabilities
Typical Inputs
Typical Outputs
What this skill does
- create high-performance animations
- implement smooth scrolling
- build 3D interactions
- animate hero sections
- use scroll triggers
Inputs
- Google Whisk textures
- Google Flow video loops
- 3D model files
- design specifications
- React component
Outputs
- animated hero sections
- 3D interactive components
- smooth scroll implementations
- WebGL animations
- performance-optimized code
Requirements
- GSAP library
- Three.js/R3F environment
- Lenis smooth scrolling
- React framework
- WebGL support