Uilora Feed
Uilora Feed — social/Pinterest-style masonry grid with white card posts, Georgia serif typography, heart/view engagement counts, and staggered columns.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| images | string[] | [/* 6 Unsplash URLs */] | Array of 6 image URLs for the image-bearing feed cards. |
| backgroundColor | string | "#f0eee8" | Warm off-white background for the feed. |
| heading | string | "Uilora Feed" | Centered heading above the feed columns. |
| subheading | string | "Curated visual discoveries." | Subtitle below the heading. |
When to Use
Use Uilora Feed for social platforms, creative galleries, news/editorial feeds, and any context where content needs to feel discovered and curated. The white card aesthetic creates strong separation between items, making each post feel individually crafted.
Best Practices
Mix image cards and text-only cards for the most authentic social feed feel. The FeedCard renders cleanly with or without an image — text-only cards use just the content padding area.
Why This Component Matters
Uilora Feed helps you build premium Uilora-powered social interfaces that feel both familiar and elevated. The warm background + white cards + Georgia serif creates a refined alternative to standard social feed aesthetics.
FAQ
QHow are text-only cards handled?
FeedCard checks if src and imgHeight are both provided. If either is missing, no image is rendered — the card shows only the author row, caption, and engagement footer.
QCan I change the heart color?
Yes — the ♥ symbol uses color: '#e8305a' in FeedCard. Pass a different color or export it as a prop if you need brand-specific engagement styling.
QHow is the stagger achieved?
Column 2 has marginTop: 28 — a simple top offset that staggers the column starts, creating the Pinterest-style visual offset without CSS columns or JavaScript.
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.