Compositions
Core Primitives
Transitions
Typography
Customize
30
1
Installation
$ pnpm dlx shadcn@latest add @framecn/spatial-push
Usage
import { SpatialPush } from "@/components/framecn/spatial-push";<SpatialPush />API Reference
SpatialPush
| Prop | Type | Default |
|---|---|---|
from | ReactNode | - |
to | ReactNode | - |
direction | "up" | "down" | "left" | "right" | "up" |
transitionStart | number | - |
transitionDuration | number | 30 |
speed | number | 1 |
fps | number | 30 |
durationInFrames | number | 90 |
className | string | - |
Notes
3D perspective push
The old scene is pushed back in 3D space while the next scene slides in from
the chosen direction. Use transitionDuration to control how long the push
phase takes.