We are live on DevHunt: tool of the week contest

check it out

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

PropTypeDefault
itemsarray-