Post Components

Dev Design Library indexes 22 post components from 11 open-source UI libraries, with the most coming from OpenSourceUI, ReactFrame, GreatUI, Magic UI and Velora UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Post components belong to the Social group.

• Client Tweet CardMagic UI · ReactA client-side version of the tweet card that displays a tweet with the author's name, handle, and profile picture.
• Tweet GridCult UI · ReactGrid layout component for displaying tweet-like content cards
• X CardKokonut UI · ReactX (Twitter) style post card with author details, verified badge, reply thread and hover gradient, built with React and…
• TweetSpell UI · ReactEmbed Twitter/X posts with custom styling.
• PostPanel UI · React NativeA social card — author, body, media and the counts underneath, with the votes animated.
• Linked In Post CardOpenSourceUI · ReactCard that reproduces a LinkedIn post: author, text, image and reaction bar.
• Facebook CardGreatUI · React
• X PostWatermelon UI · React
• Testimonial gridVelora UI · ReactMasonry wall of social posts and quote cards, led by a wide case-study quote with a headline metric.
• Glass Tweet CardOpaline · ReactA post from X on glass, loaded live with react-tweet by id, with a fallback when it can't be fetched.
• Instagram Post MockupReactFrame · ReactA realistic Instagram post, avatar ring, swipeable multi-photo carousel, double-tap-to-like heart burst…
• Tweet CardMagic UI · ReactA card that displays a tweet with the author's name, handle, and profile picture.
• Facebook Post CardOpenSourceUI · React
• Instagram CardGreatUI · React
• Tweet CardVelora UI · ReactStatic social-proof card — props, not an API call.
• LinkedIn Post MockupReactFrame · ReactA realistic LinkedIn post with a headline, media image, a reaction summary, and interactive like/repost actions with…
• Instagram Post CardOpenSourceUI · React
• Twitter CardGreatUI · React
• TikTok Post MockupReactFrame · ReactA full-bleed 9:16 TikTok feed mockup with a Following/For You tab bar, a side action rail (like/comment/save/share)…
• Threads Post CardOpenSourceUI · React
• X Post MockupReactFrame · ReactA realistic X (Twitter) post with a verified badge, media image, and interactive like/retweet/bookmark actions with…
• Twitter Post CardOpenSourceUI · React

Libraries with post components

• OpenSourceUI
• ReactFrame
• GreatUI
• Magic UI
• Velora UI

Related categories

• Social Components
• Chat Message Components
• Reaction Bar Components