# Blog Posts

> A responsive and adaptive grid layout component designed for displaying blog posts or articles in an elegant card format. Features a hero-style layout with one large primary card and smaller secondary cards. This component is highly flexible and can be adapted to display any type of data or cards beyond blog posts.

- Author: [Ayman Echakar](https://21st.dev/@aymanch-03)
- License: unknown
- npm dependencies: lucide-react
- Live preview: https://21st.dev/@aymanch-03/components/blog-posts

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/aymanch-03/blog-posts?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