PostCard

Domain

Social media post card with author info, text content, optional media grid, and like / comment / share / bookmark actions.

Preview

Lena Fischer✓@lena_design

3h·

Just shipped a new open-source design system built with Tailwind CSS and React. Over 40 components, dark mode support, and full accessibility. Check it out! 🚀

Code

<PostCard post={{
  postId: 'post-01',
  content: 'Just shipped a new open-source design system…',
  privacy: 'PUBLIC',
  likeCount: 248, commentCount: 34, shareCount: 71,
  isLiked: true, isBookmarked: false,
  author: { name: 'Lena Fischer', username: 'lena_design', isVerified: true, ... },
}} />

Preview

Marco Rossi@marco_dev

22h·

Morning vibes from the home office ☕

Code

<PostCard post={{
  postId: 'post-02',
  content: 'Morning vibes from the home office ☕',
  privacy: 'FRIENDS',
  mediaUrls: ['https://picsum.photos/seed/office1/600/400', ...],
  likeCount: 92, commentCount: 8, shareCount: 3,
  isBookmarked: true,
  author: { name: 'Marco Rossi', username: 'marco_dev', ... },
}} />

PostCard

Text post (liked)

Image post (friends only)

Navigation