Skip to content

Add support for animation packages in the example app - #3

Open
TommyBez wants to merge 1 commit into
mainfrom
cursor/add-support-for-animation-packages-e921
Open

Add support for animation packages in the example app#3
TommyBez wants to merge 1 commit into
mainfrom
cursor/add-support-for-animation-packages-e921

Conversation

@TommyBez

Copy link
Copy Markdown
Owner

Support for six animation packages was added to the example application.

  • New components were created in apps/example-app/app/components/ for:
    • CSSTransitionExample.tsx (CSS Transitions)
    • CSSKeyframesExample.tsx (CSS Keyframes)
    • MotionExample.tsx (Motion, formerly Framer Motion)
    • ReactSpringExample.tsx (React Spring)
    • GSAPExample.tsx (GSAP)
    • LottieExample.tsx (Lottie)
  • apps/example-app/app/page.tsx was refactored to be a client component and dynamically import animation examples with ssr: false. This resolved server-side rendering issues for client-only animation libraries.
  • Dependencies for motion, react-spring, gsap, and @lottiefiles/react-lottie-player were added to apps/example-app/package.json and installed.
  • Linting and TypeScript errors were addressed in the new components, including type adjustments for GSAP and a simplified CSS-based demonstration for React Spring due to React 19 compatibility.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants