Prism Vault
A 3D cryptographic data vault that unspools into a responsive bento dashboard using fluid layout morphing.
Component Showcase
Prism Vault
A 3D cryptographic data vault that unspools into a responsive bento dashboard using fluid layout morphing.
3DFramer MotionLayoutGlassmorphismBentoInteractive
Interactive Playground
Adjust sliders and values to preview changes in real-time
primaryColor
Primary accent color for text and borders.
secondaryColor
Secondary accent color for highlights and statuses.
glowColor
Color of the ambient glow.
title
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. |