Social Media Trending 6 - UGC gallery with share dialog

Pro

Hashtag-led social gallery carousel that opens a dialog with image carousel, captions, source links, and social share actions for shoppable user-generated content.

Shadcn Social Media Trending 6 block

Component data

ID
social-media-trending6
Access
pro
Created
Jul 19, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Social Media Trending 6 block design & features

SocialMediaTrending6 is a social media trending section built with Shadcn UI, pairing a hashtag-led heading and CTA with a multi-item thumbnail carousel of user posts. Selecting a post opens a dialog lightbox with a nested image carousel, caption, source attribution, and a collapsible share row for copying a link or sharing to social platforms.

Light storefront styling with square thumbnails and a focused dialog overlay. The share row collapses until needed so captions stay primary. Platform icons and copy-to-clipboard keep sharing lightweight without leaving the page.

A polished UGC gallery pattern that sits between a static Instagram grid and a full social commerce PDP. Moderate complexity from the nested carousels and share affordances. Image-driven: several post images and captions are required to fill the gallery.

The outer carousel reduces visible cards on mobile while the dialog remains full-screen for browsing post media.