---
title: "Featured post and list"
description: "A journal's lead story with a large photo, excerpt and author, beside the four most recent posts with thumbnails."
plan: Pro
docs: https://ui.edbn.me/docs/blocks/blog-featured-list
---

# Featured post and list

A journal's lead story with a large photo, excerpt and author, beside the four most recent posts with thumbnails.

The featured post takes the wider column: a 3:2 photo, its category, a headline-size title, the excerpt and the author with the date and reading time. Beside it, recent posts run as rows split by hairlines, each with its category, title, date and reading time and a square thumbnail on the right. Every post is one link whose title underlines on hover. A link to all posts sits in the heading row; below 1024px the list goes under the featured post.

A Pro block built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install:

```bash
npx shadcn@4.19.0 add @edbn/blog-featured-list
```

## Dependencies
- edbn: edbn-base, aspect-ratio, avatar, text-link

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More blog blocks

All 4, with install commands: https://ui.edbn.me/docs/blocks/blog (Markdown: https://ui.edbn.me/docs/blocks/blog.md)

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt