Void Portal Reveal
A highly interactive, gyroscopic 3D ring portal that massively scales on hover to simulate flying through, revealing a glassmorphic hidden dashboard or UI beneath.
Component Showcase
Void Portal Reveal
A highly interactive, gyroscopic 3D ring portal that massively scales on hover to simulate flying through, revealing a glassmorphic hidden dashboard or UI beneath.
portal3dinteractiverevealglassmorphismframer-motiongen-z
Interactive Playground
Adjust sliders and values to preview changes in real-time
portalText
Text displayed in the center of the portal.
primaryColor
The main glow/accent color for the outer rings and center core.
secondaryColor
The secondary color used for inner rings and deep glow elements.
accentColor
The accent color used for secondary stats and highlights in the revealed dashboard.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| portalText | string | ENTER THE VOID | Text displayed in the center of the portal. |
| primaryColor | string | #ff5c71 | The main glow/accent color for the outer rings and center core. |
| secondaryColor | string | #7fff5e | The secondary color used for inner rings and deep glow elements. |
| accentColor | string | #00f0ff | The accent color used for secondary stats and highlights in the revealed dashboard. |