Minimal Focus
Minimal polaroid-style spotlight focus lightbox.
Refresh preview
Share Component
Copy CLI command
Props
| Property | Type | Default | Description |
|---|---|---|---|
| image | string | https://images.unsplash.com/photo-1512917774080-9991f1c4c750?q=80&w=2700&auto=format&fit=crop | Main image source URL. |
| backgroundColor | string | #F3F4F6 | Page background color. |
When to Use
Ideal for analog photography portfolios and minimalist showcases. The polaroid card trigger has a tactile hand-placed feel.
Best Practices
Use warm-toned photography for the most authentic polaroid aesthetic. The slight rotation and grayscale transition are intentional — keep them.
Why This Component Matters
Minimal spotlight animations create digital authenticity. This production-ready Uilora template adds a human, handcrafted signature to your interface.
FAQ
QWhat's the polaroid effect?
The trigger card has -1.5deg rotation, shadow, and italic label. Hover straightens it to 0deg over 500ms.
QWhat's in the lightbox?
A warm #f8f7f5 framed modal with the image, 'UILORA STUDIO — 2024' label, and info/download icons.
QIs it mobile responsive?
The modal scales to max-w-3xl with max-h-[80vh] on all screen sizes.