Dimensional Data Pad
A futuristic, highly interactive 3D component that rests in an isometric perspective and transitions into a layered, parallax-enabled flat layout on hover.
Component Showcase
Interactive Playground
Adjust sliders and values to preview changes in real-time
primaryColor#00f0ff
Primary accent color for the UI elements.
secondaryColor#ff5c71
Secondary accent color for the UI elements.
glowColor#7fff5e
Color used for glowing accents.
titleQUANTUM.CORE
Main title text.
subtitleSYS.SYNC_ACTIVE
Subtitle or status text.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| primaryColor | string | "#00f0ff" | Primary accent color for the UI elements. |
| secondaryColor | string | "#ff5c71" | Secondary accent color for the UI elements. |
| glowColor | string | "#7fff5e" | Color used for glowing accents. |
| title | string | "QUANTUM.CORE" | Main title text. |
| subtitle | string | "SYS.SYNC_ACTIVE" | Subtitle or status text. |