Uilora Portal
Cosmic portal lightbox with concentric ring reveal, glassmorphism panel, and pulsing ambient rings.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| image | string | https://images.unsplash.com/photo-1419242902214-272b3f66ee7a?q=80&w=2013&auto=format&fit=crop | Main image source URL. |
| backgroundColor | string | #0a0014 | Deep cosmic background color. |
| accentColor | string | #00ffff | Accent color for rings, glow, and glassmorphism panel highlights. |
When to Use
Perfect for futuristic brand showcases and Uilora premium campaigns. The circular orb trigger and concentric ring entrance make the open event itself cinematic.
Best Practices
Use deep-space or abstract imagery. Keep backgroundColor dark for the ring glow to read correctly. The accentColor should match your brand's signature hue.
Why This Component Matters
Portal-style entrances communicate exclusivity and technological mastery. This Uilora template makes every image reveal feel like an event.
FAQ
QWhat triggers the portal?
A circular orb with a radial glow and continuous pulse ring animation. 'OPEN' text is centered inside.
QWhat are the concentric rings?
Three rings scale from 0 to full size with staggered spring delays, creating a ripple/portal effect.
QIs it mobile responsive?
The portal image scales to fit the viewport and the info panel stacks below on narrow screens.