Uilora Chunky Dark
Uilora Chunky — bold dark masonry grid with electric-green accents and chunky rounded tiles.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| images | string[] | [/* 9 Unsplash URLs */] | Array of 9 image URLs for the masonry tiles. |
| backgroundColor | string | "#0c0c14" | Deep dark background color. |
| accentColor | string | "#3dffa0" | Electric accent color for tags and highlights. |
| heading | string | "Uilora Premium" | Main heading displayed at the top. |
| subheading | string | "Curated visual experiences for premium interfaces." | Tagline shown in the accent card. |
When to Use
Use Uilora Chunky when you need a dark, bold premium grid for SaaS dashboards, creative portfolios, and product showcases. The electric-green accent creates strong contrast for call-to-action areas and stat highlights.
Best Practices
Pair with high-contrast photography. Keep the accentColor consistent with your brand's primary CTA color. For best results, use images with strong focal subjects to complement the bold tile structure.
Why This Component Matters
Uilora Chunky helps you build premium Uilora-powered interfaces that feel cutting-edge and intentional. The chunky rounded tiles create a tactile, modern feel that stands out in competitive design environments.
FAQ
QCan I change the accent color?
Yes, pass any hex color to the accentColor prop — it will propagate to all tags, stats, and text highlights automatically.
QHow many images does it use?
The grid uses 9 image slots across 3 columns. Providing fewer will cause some tiles to display undefined — always pass all 9.
QIs it mobile responsive?
The grid uses CSS Grid with 3 equal columns. For mobile, wrap it in a responsive container or override gridTemplateColumns via CSS.
Related Components
Editorial Layout
Asymmetric fashion-inspired bento grid with sharp edges and editorial styling, branded for Uilora.
Swiss Layout
Clean Swiss design bento grid with precise typography and minimal aesthetics, branded for Uilora.
Wabi Sabi Layout
Japanese-inspired bento grid with wabi-sabi aesthetics, imperfections, and Uilora branding.
Built something cool?
Share your work with 10k+ devs — or tell us how we can improve.