Prism Vault
A 3D cryptographic data vault that unspools into a responsive bento dashboard using fluid layout morphing.
Component Showcase
Interactive Playground
Adjust sliders and values to preview changes in real-time
primaryColor#ff5c71
Primary accent color for text and borders.
secondaryColor#7fff5e
Secondary accent color for highlights and statuses.
glowColorrgba(255, 92, 113, 0.4)
Color of the ambient glow.
titleSECURE PRISM VAULT
Title of the vault card.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| primaryColor | string | #ff5c71 | Primary accent color for text and borders. |
| secondaryColor | string | #7fff5e | Secondary accent color for highlights and statuses. |
| glowColor | string | rgba(255, 92, 113, 0.4) | Color of the ambient glow. |
| title | string | SECURE PRISM VAULT | Title of the vault card. |