Shadcn UI Social Media Trending Block
SocialMediaTrending3 is a grid of social media post images with a featured profile section. The featured section spans two columns and contains a headline, avatar, username, follower count, and a full-width CTA button. The remaining cells are square image tiles that link to products or posts; the eighth tile spans two columns for a wider landscape image. Hovering over any tile reveals an Instagram icon in the top-right corner. The grid uses two columns on mobile, four on large screens, and six on extra-large.
Light background with accent-toned grid cells. Tiles have rounded corners and tight gaps. The featured section uses a two-column flex layout on larger screens with the headline on the left and profile plus CTA on the right. No hover effects or animations; the layout is static.
Simple and image-forward, with the featured profile as the main CTA. The asymmetric grid (one wide tile) adds variety without extra UI. Low complexity; needs a profile object and an array of image URLs with links. Stacks cleanly on mobile with the featured section above the image grid.
Dependencies
| Package | Type |
|---|---|
avatar @shadcn | Registry |
button @shadcn | Registry |