# 21st.dev — Wrapped API

> **You are on:** `https://api.paywithlocus.com/api` | [llms.txt](https://paywithlocus.com/llms.txt) | [docs](https://docs.paywithlocus.com)
>
> Locus runs on multiple environments -- make sure every URL you call matches your expected environment.
> | Environment | Landing | API | Docs |
> |---|---|---|---|
> | Production | paywithlocus.com | api.paywithlocus.com | docs.paywithlocus.com |
> | Beta | beta.paywithlocus.com | api.beta.paywithlocus.com | docs.paywithlocus.com |
> | Stage | stage.paywithlocus.com | api.stage.paywithlocus.com | docs.paywithlocus.com |
>
> If the API URL above doesn't match your expected environment, re-fetch this file from the correct domain.

> Browse and discover UI components from the 21st.dev community marketplace, filtering by tag slugs to quickly find input bars, search boxes, prompt containers, and other component types. Integrate these ready-made components into your projects to accelerate your development workflow.

**Category:** Developer Tools | **Website:** [21st.dev/community/components](https://21st.dev/community/components) | **Docs:** [parse.bot/marketplace/74729445-260b-4c10-b755-04020653c049/21st-dev-api](https://parse.bot/marketplace/74729445-260b-4c10-b755-04020653c049/21st-dev-api)

Pay-per-use API proxy for Locus Pro. Each call burns credits from your workspace balance.

## Access

**Base URL:** `https://api.paywithlocus.com/api/wrapped/credits/21st-dev/`
**Auth:** `Authorization: Bearer <LOCUS_CREDITS_SECRET_KEY>` (an `lcr_` secret key or a scoped `lcac_` agent credential)
**Required header:** `Idempotency-Key: <fresh UUID per call>`. A retry with the same key replays the stored result without a new charge.
**Response:** the provider response after any endpoint-specific normalization. `X-Locus-Credits-Charged` carries the charge and `X-Locus-Credits-Balance` the remaining balance. Insufficient credits return `402` before the provider is called.
**Pricing:** estimated costs below are USD. Locus debits the credit equivalent at your workspace rate.

Full call contract: https://docs.paywithlocus.com/api-reference/introduction

> Using a Pay With Locus wallet key (`claw_` prefix)? Wallet routes are documented separately: https://docs.paywithlocus.com/wrapped-apis/for-agents

## Endpoints

### List components

List UI components from the 21st.dev community marketplace filtered by tag slugs. Returns component metadata including name, author, direct URL, CLI install command, and description. Results are sorted by the site's recommendation algorithm. Useful for discovering input components, search bars, chat inputs, prompt containers, and other UI elements. The default tag_slugs cover input bars, search boxes, and prompt containers.

**Estimated cost:** Metered

| Field | Type | Required | Description |
|-------|------|----------|-------------|
| `limit` | integer | No | Maximum number of components to return. Clamped to 1-200. |
| `tag_slugs` | string | No | Comma-separated list of tag slugs to filter components by. Common tag slugs include: input, search-bar, search-input, search, prompt, prompt-input, ai-prompt, ai-chat-input, chat-input, number-input, pin-input, date-input, file-input, tag-input, clearable-input. |

```bash
curl -X POST https://api.paywithlocus.com/api/wrapped/credits/21st-dev/list-components \
  -H "Authorization: Bearer $LOCUS_CREDITS_SECRET_KEY" \
  -H "Idempotency-Key: $(uuidgen)" \
  -H "Content-Type: application/json" \
  -d '{"limit":"<integer>","tag_slugs":"<string>"}'
```

## Next steps

- [All wrapped API providers](https://paywithlocus.com/wapi/index.md): pick another provider.
- [Find and call tools](https://paywithlocus.com/agent/tools.md): price ceilings, async results, and errors.
- [Credits and billing](https://paywithlocus.com/agent/billing.md): what a call costs and how to add credits.
- [Agent docs index](https://paywithlocus.com/agent/index.md): every Locus agent page.