Social Media Trending 8 - Instagram-style shoppable mosaic

Pro

Asymmetric photo mosaic of Instagram-tagged home posts that open a fade carousel dialog with author, caption, and tagged products.

Shadcn Social Media Trending 8 block

Component Data

  • ID:social-media-trending8
  • Access:pro
  • Created:Jul 19, 2026
  • Type:block

Social Media Trending 8 block design & features

SocialMediaTrending8 is a social media trending mosaic built with Shadcn UI. A centered title and CTA sit above an asymmetric three-column photo mosaic of Instagram-tagged home posts. Clicking a tile opens a fade carousel dialog with author avatar, caption, and a list of tagged products with prices and links.

Soft storefront imagery with Instagram badge overlays on tiles. The dialog uses fade transitions between posts and compact product items below the caption. Avatars and button groups keep attribution clear without heavy chrome.

A distinctive shoppable UGC mosaic that feels closer to an editorial Instagram wall than a uniform grid. Moderate to elaborate complexity from the mosaic layout plus tagged product lists. Image-driven and content-driven: lifestyle photos, authors, and product links are all needed.

The mosaic reflows into fewer columns on smaller breakpoints while the dialog remains the primary browsing surface for captions and products.