bun install

Then bun dev

bun dev

Open http://localhost:3000 with your browser to see the result.

• add your own animation to app/component/ui/AnimationList.tsx

• import the AnimatedDiv component and use it in app/page.tsx or any other component you create.

• Pass the animation type in the <AnimatedDiv animationType="wiper"><some component\></AnimatedDiv>

• import <Marquee></Marquee> and add children to use the component.

Demo url https://next14-framermotion-animation.vercel.app/