# SocialPostCard

> SocialPostCard is a sleek, modern, and fully responsive social media post component designed to showcase user posts with author details, content, and an optional link preview. It features interactive action buttons for liking, commenting, sharing, and bookmarking, providing seamless user engagement. Built with a clean glassmorphism style and optimized for both light and dark modes, this component adapts beautifully to different screen sizes, making it perfect for community platforms, social feeds, or dashboards where user interaction and readability are key.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: lucide-react
- Live preview: https://21st.dev/@ruixen.ui/components/social-post-card

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/social-post-card?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt