TanStack Router - Framer Motion Integration Example

An example demonstrating integration with Framer Motion for animations.

• TanStack Router Docs
• Framer Motion Documentation

Start a new project based on this example

To start a new project based on this example, run:

npx gitpick TanStack/router/tree/main/examples/react/with-framer-motion with-framer-motion

Getting Started

Install dependencies:

pnpm install

Start the development server:

pnpm dev

Build

Build for production:

pnpm build

About This Example

This example demonstrates:

• Framer Motion integration
• Animated route transitions
• Page animations
• Gesture-based navigation
• Advanced animation patterns