Social Media Trending 2 - Hashtag chips with sparkline cards
A wrap of quick-filter hashtag chips above a grid of cards, each showing a hashtag, compact post count and a self-drawing sparkline of its momentum. Use it on an explore page or creator dashboard to show which tags are rising.
About Social Media Trending 2
A wrap of quick-filter hashtag chips above a grid of cards, each showing a hashtag, compact post count and a self-drawing sparkline of its momentum. Use it on an explore page or creator dashboard to show which tags are rising.
Social Media Trending 2 is a free social media trending block for React, built on shadcn/ui and Tailwind CSS. It ships as 84 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- hashtags
- chips
- sparkline
- trending
- cards
- social
Installation
- Add the Chocolate UI registry to your
components.json(see the installation guide). - Run the shadcn CLI:
npx shadcn@latest add @chocolate/social-media-trending-02Dependencies installed automatically: lucide-react.
Uses: reveal, sparkline, utils.
Usage
import SocialMediaTrending02 from "@/components/blocks/social-media-trending-02"
export default function Page() {
return <SocialMediaTrending02 />
}