# Beste UI
> Beautiful, accessible blocks, pieces and components for shadcn/ui and Tailwind CSS, built for React and Next.js. Install one with the shadcn CLI and the code is yours to edit: no runtime dependency, nothing to upgrade.
Markdown rendition of https://ui.beste.co/block/news43. Every page on the site has one: add `.md` to any address, or send `Accept: text/markdown`.
Last updated: 2026-08-12
Whole catalog for LLMs: https://ui.beste.co/llms.txt. Registry index: https://ui.beste.co/r/registry.json
---
1. /
2. [Blocks](/blocks)
3. /
4. [News](/blocks/news)
5. /
6. Minimal Issue Archive
# Minimal Issue Archive[PRO](/pricing)
A narrow archive reduced to one hairline row per issue, the subject line on the left and the date it went out on the right, with nothing else on the page to read past.
ViewCodeDocs
Base UI
`npx shadcn add https://ui.beste.co/r-base/news43`
## News43: Minimal Issue Archive
A narrow archive reduced to one hairline row per issue, the subject line on the left and the date it went out on the right, with nothing else on the page to read past.
Upgrade to Pro
Pro blocks install through the shadcn CLI with your license key and ship their full source. Docs and live previews stay open to everyone, so you can read every block's details first.
[Upgrade NowUpgrade Now](/pricing)
### Installation
Swap `YOUR_EMAIL` and `YOUR_KEY` for the email and license key on your account. Find your license key on your [account page](/account).
**Radix flavor**
bashCopy
```
npx shadcn add "https://ui.beste.co/r/news43?email=YOUR_EMAIL&license_key=YOUR_KEY"
```
**Base UI flavor**
bashCopy
```
npx shadcn add "https://ui.beste.co/r-base/news43?email=YOUR_EMAIL&license_key=YOUR_KEY"
```
This installs the block to `components/beste/block/news43.tsx` and the `badge6` component it uses for the eyebrow (installed to `components/beste/component/badge6.tsx`).
### Quick start
The installed file exports `news43Demo` alongside the block: the exact props behind the preview above. Spread it to get a working archive in one line.
tsxCopy
```
import { News43, news43Demo } from "@/components/beste/block/news43";
export default function ArchivePage() {
return ;
}
```
Then replace the demo with your own props. Written out, a trimmed setup looks like this:
tsxCopy
```
import { News43 } from "@/components/beste/block/news43";
export default function ArchivePage() {
return (
);
}
```
### Props
| Prop | Type | Default | Description |
| --------- | --------- | ------- | ------------------------------------- |
| eyebrow | string | – | Badge6 label above the hairline rule |
| heading | string | – | Section heading under the rule |
| issues | Issue\[\] | \[\] | One row per issue, in the order given |
| note | string | – | Single line under the list |
| className | string | – | Extra classes for the outer section |
tsCopy
```
type Issue = {
title: string;
date: string;
href: string;
};
```
### Behavior notes
* Rows carry a title and a date and nothing else. No issue number, no summary and no image, which is what lets forty rows sit on one page.
* The date is `tabular-nums` and `shrink-0`, so dates stay aligned down the right edge and a long title wraps instead of pushing the date off the row.
* Each row is a whole `Link` with the title moving to the accent colour on hover.
* The column is capped at `max-w-3xl`, which keeps the gap between a short title and its date from opening into a gulf.
## More News blocks
[View all News](/blocks/news)
[](/block/news14)
PRO
news14
### Minimal Big Numbers
Minimal news list with oversized numbers, large typography, and clean dividers. Perfect for weekly roundups.
[](/block/news42)
PRO
news42
### Public Incident History
A postmortem archive opening on four hairline reliability figures, then listing every incident as a linked row with a tone-coded severity chip, its duration, the impact, and the fix, beside a live uptime strip.
[](/block/news8)
PRO
news8
### Numbered Headlines
Compact numbered headline list with large index numbers, category badges, and source attribution.
[](/block/news40)
PRO
news40
### Monthly Digest
A monthly round-up grouped into what shipped, what broke, and what is still undecided, each entry a linked hairline row, beside a sticky tile floating the month's live figures.
[](/block/news30)
PRO
news30
### Editorial Magazine
Premium magazine-style editorial layout with featured story, author byline, and numbered trending sidebar.
[](/block/news9)
PRO
news9
### Trending Cards Grid
Four-column news card grid with gradient overlays, category badges, and author info.
## Ship the interface, keep the code.
New blocks, pieces and components every week. Install one with a command and it is yours to edit. No runtime dependency, no upgrade path to fight.
[Browse the libraryBrowse the library](/blocks)[See pricingSee pricing](/pricing)
### Library
* [Blocks](/blocks)
* [Pages](/pages)
* [Pieces](/pieces)
* [Components](/components)
* [Search](/search)
### Learn
* [Docs](/docs)
* [AI & MCP](/docs/mcp)
* [Blog](/blog)
* [Free tools](/tools)
* [What's new?](/changelog)
* [Website Builder](https://beste.co)
### More
* [Pricing](/pricing)
* [Referrals](/referrals)
* [License](/license)
* [GitHub](https://github.com/beste-co/beste-ui)
### Shadcn Blocks
* [Shadcn Hero Blocks](/blocks/hero)
* [Shadcn Feature Blocks](/blocks/feature)
* [Shadcn Pricing Blocks](/blocks/pricing)
* [Shadcn CTA Blocks](/blocks/cta)
* [Shadcn FAQ Blocks](/blocks/faq)
* [Shadcn About Blocks](/blocks/about)
* [Shadcn Stats Blocks](/blocks/stats)
* [Shadcn Footer Blocks](/blocks/footer)
* [Shadcn Navigation Blocks](/blocks/navigation)
* [Shadcn Auth Blocks](/blocks/auth)
* [Shadcn Ecommerce Blocks](/blocks/ecommerce)
* [Shadcn Portfolio Blocks](/blocks/portfolio)
* [Shadcn Showcase Blocks](/blocks/showcase)
* [Shadcn Careers Blocks](/blocks/careers)
* [Shadcn Onboarding Blocks](/blocks/onboarding)
* [Shadcn Coming Soon Blocks](/blocks/coming-soon)
* [Shadcn Post Blocks](/blocks/post)
* [Shadcn Legal Blocks](/blocks/legal)
* [Shadcn Workflow Blocks](/blocks/workflow)
* [Shadcn News Blocks](/blocks/news)
© 2026, [Beste](https://beste.co). All rights reserved.