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.
Related Components
Built something cool?
Share your work with 10k+ devs — or tell us how we can improve.