PageTransition
Framer Motion wrapper that adds a smooth fade-slide animation to any page or section.
Simple Build
Interactive Preview
Initialising Operative...
Architecture
Component Architecture
PageTransition/
Prop Usage
| Prop | Type | Default | Description |
|---|---|---|---|
childrenrequired | React.ReactNode | — | Content to animate in. |
className | string | — | Additional classes applied to the motion wrapper. |
Usage
import { PageTransition } from '@/ui';
// Wrap any page or section
export default function AboutPage() {
return (
<PageTransition>
<h1>About Us</h1>
<p>Content fades in smoothly on mount.</p>
</PageTransition>
);
}