# Group List Card

> A clean and responsive **Group List Card UI** designed to display community groups with type, privacy status, and member count. It includes intuitive action buttons (Join, Request, Chat, Details) and supports multiple group types like React, Next.js, and Full-stack—perfect for modern frontend dashboards and previews.

- Author: [Muhammad Kumail Ali](https://21st.dev/@m.kumailalirajpoot)
- License: unknown
- npm dependencies: react-icons, lucide-react
- Live preview: https://21st.dev/@m.kumailalirajpoot/components/group-list-card

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/m.kumailalirajpoot/group-list-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