# 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/devtools95. 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. [DevTools](/blocks/devtools)
5. /
6. Feeds And Archive API

# Feeds And Archive API[PRO](/pricing)

A hairline list of every way to follow a publication, each row naming the feed, what it carries and its address, over a copyable one-line request that stands in for the whole API.

ViewCodeDocs

Base UI

![](https://oud.pics/sm/l/npm.svg)`npx shadcn add https://ui.beste.co/r-base/devtools95`

## Devtools95: Feeds And Archive API

A hairline list of every way to follow a publication, each row naming the feed, what it carries and its address, over a copyable one-line request that stands in for the whole API.

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/devtools95?email=YOUR_EMAIL&license_key=YOUR_KEY"
```

**Base UI flavor**

bashCopy

```
npx shadcn add "https://ui.beste.co/r-base/devtools95?email=YOUR_EMAIL&license_key=YOUR_KEY"
```

This installs the block to `components/beste/block/devtools95.tsx` and the `badge6` component it uses for the eyebrow (installed to `components/beste/component/badge6.tsx`).

### Quick start

The installed file exports `devtools95Demo` alongside the block: the exact props behind the preview above. Spread it to get a working feeds page in one line.

tsxCopy

```
import { Devtools95, devtools95Demo } from "@/components/beste/block/devtools95";

export default function FeedsPage() {
  return <Devtools95 {...devtools95Demo} />;
}
```

Then replace the demo with your own props. Written out, a trimmed setup looks like this:

tsxCopy

```
import { Devtools95 } from "@/components/beste/block/devtools95";

export default function FeedsPage() {
  return (
    <Devtools95
      eyebrow="Read it your way"
      heading="Four ways in, none of them an app"
      description="Everything published here is available as a feed."
      feeds={[
        {
          name: "RSS",
          description: "Full text of every piece, in publication order.",
          address: "/feed.xml",
          href: "/feed.xml",
        },
      ]}
      snippetLabel="The whole API"
      snippet={'curl "https://beste.co/api/archive?q=estimates&limit=5"'}
      copyLabel="Copy"
      copiedLabel="Copied"
      note="If you build something on this, we would like to see it."
    />
  );
}
```

### Props

| Prop         | Type        | Default | Description                          |
| ------------ | ----------- | ------- | ------------------------------------ |
| eyebrow      | string      | –       | Badge6 label above the hairline rule |
| heading      | string      | –       | Section heading under the rule       |
| description  | string      | –       | Supporting paragraph                 |
| feeds        | FeedRow\[\] | \[\]    | One linked row per feed              |
| snippetLabel | string      | –       | Label above the request              |
| snippet      | string      | –       | The request itself, shown in a pre   |
| copyLabel    | string      | –       | Copy button label                    |
| copiedLabel  | string      | –       | Copy button label after copying      |
| note         | string      | –       | Single line under the panel          |
| className    | string      | –       | Extra classes for the outer section  |

tsCopy

```
type FeedRow = {
  name: string;
  description: string;
  address: string;
  href: string;
};
```

### Behavior notes

* Copying uses `navigator.clipboard?.writeText`, guarded with optional chaining, and the snippet stays selectable as the fallback.
* The copied state has no timer. It holds until the component remounts, so the confirmation does not disappear while it is being read.
* The snippet is a real `pre` with `overflow-x-auto`, so a long request scrolls inside its panel instead of stretching the section.
* The address column is right aligned from `md` up, which keeps paths of different lengths in one line down the page.

## More DevTools blocks

[View all DevTools](/blocks/devtools)

[](/block/devtools1)

PRO

devtools1

### API Endpoint Explorer

Interactive REST API endpoint reference with method badges, expandable parameter details, and response types. Grouped by resource.

[](/block/devtools4)

PRO

devtools4

### Error Monitoring Feed

Application error tracking feed with severity indicators, occurrence counts, and source locations. Summary pills show error distribution.

[](/block/devtools7)

PRO

devtools7

### API Response Examples

API documentation cards showing response examples with color-coded status badges. Headers section, JSON body with copy button, success/error variants.

[](/block/devtools9)

PRO

devtools9

### Database Migration Timeline

Timeline-style database migration tracker with applied, pending, and failed status indicators. Shows migration names, descriptions, and timestamps.

[](/block/devtools2)

PRO

devtools2

### Webhook Event Stream

Real-time webhook event log with delivery status indicators, expandable JSON payloads, and response time tracking.

[](/block/devtools94)

PRO

devtools94

### API Endpoints With Sample Call

A developer section that lists common endpoints as hairline rows pairing tone-coded method chips with monospace paths, beside a dark code panel holding a full sample request and its response.

## 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.