Depth Corridor
A 3D spatial layer stack with receding perspective depth, progressive focal blurs, and pointer parallax motion.
Edge Telemetry Gateway
01Real-time routing engine
● 12.4ms avg global latency
Serverless Worker Pool
02Autonomous scaling nodes
● 128 active clusters
Distributed State Cache
03In-memory key-value mesh
● 99.98% cache hit ratio
Cold Storage Archive
04S3-compatible immutable vault
● 42.8 TB encrypted data
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/depth-corridor
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| layers | DepthLayer[] | — | Array of layer objects (id, title, subtitle, content, blurAmount) |
| activeLayerIndex | number | 0 | Controlled active foreground layer index |
| onLayerChange | (index: number) => void | undefined | Layer change event callback |
| perspectiveDepth | number | 1000 | CSS 3D perspective container depth in pixels |
| enableParallax | boolean | true | Enables mouse coordinate responsive 3D tilt |