Interactive Stack
A pile of cards that fan out on hover with spring physics.
Preview
Interactive Preview
Architecture
Strategic design for scalable infrastructure.
Inspect
Detail View
Neural Ops
AI-driven deployment pipelines.
Inspect
Detail View
Edge Proxy
Low-latency global edge network.
Inspect
Detail View
Installation
Usage
tsx
import { InteractiveStack } from "@/components/ui/interactive-stack"
const items = [
{ title: "Design System", description: "Atomic components for modern apps.", color: "#3b82f6" },
{ title: "Motion Lab", description: "Physics-based animation engine.", color: "#8b5cf6" },
{ title: "Cloud Edge", description: "Global deployment infrastructure.", color: "#ec4899" }
]
export default function Demo() {
return <InteractiveStack items={items} />
}Dependencies
framer-motion
Props
| Prop | Type | Default |
|---|---|---|
| items | array | - |