{"version":"1.0","type":"rich","title":"GSAP practice","description":"This example demonstrates a simple animated text element using GSAP, where the phrase “Hello React!” translates diagonally across the screen. It integrates React hooks, specifically `useRef` and `useEffect`, to manage the animation lifecycle. The code relies on GSAP’s `TweenLite` to animate the DOM node’s `x` and `y` properties over one second. The React component renders a styled message, and the animation is triggered once on mount, showcasing a basic interaction between React state management and GSAP’s tweening API.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7b3bdf79bbf5420fbb48bdcc427f8b85?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}