3D 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
Interactive Playground
Adjust sliders and values to preview changes in real-time
portalTextENTER THE VOID
Text displayed in the center of the portal.
primaryColor#ff5c71
The main glow/accent color for the outer rings and center core.
secondaryColor#7fff5e
The secondary color used for inner rings and deep glow elements.
accentColor#00f0ff
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. |