# Marketing Blog Index

Blog index page with category filter, featured latest post and post cards with author and reading time.

- id: `marketing-blog-index`
- Page: https://agentic-ui-kit.com/components/marketing-blog-index
- Live preview: https://agentic-ui-kit.com/live/component/marketing-blog-index?piece=marketing-blog-index

## Install

```bash
agentic-ui add marketing-blog-index
npx shadcn@4.17.0 add @agentic-ui/marketing-blog-index
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** category-filter, featured-post, post-cards, load-more, token-drawn-covers, heading-level, dark-mode
- **Intents:** navigate, retrieve-knowledge
- **Suits domains:** marketing, saas, devtools, knowledge, ai-content
- **Interaction:** filter, click, load-more, keyboard-focus
- **Screen role:** overview
- **Density:** comfortable
- **Dark mode:** yes
- **Use it for:** blog index page with category filter, featured latest post and post cards with author and reading time, company blog or engineering blog listing page with load more pagination, resources or articles hub on a marketing site that filters posts by topic
- **Avoid when:** only three recent posts on a landing page (use marketing-blog-cards), a searchable help center or documentation index, thousands of posts that need server-side search and pagination
- **Preserve when adapting:** one-link-per-card, native-radio-filter, heading-levels
- **Replace when adapting:** posts, covers, categories, copy
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** button
- **npm dependencies:** lucide-react
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives