// Install Upstash serverless components from the Elements registry. Use when user needs rate limit displays, Redis counters, leaderboards, queue status cards, or cache badges. Triggers on "upstash", "rate limit", "redis counter", "leaderboard component", "queue card", "cache badge", "serverless redis".
Browse and install components from the Elements registry (tryelements.dev). Use when user asks about available components, wants to explore providers, says "elements", "component library", "what components", "install from registry", "tryelements", or needs to find the right component category.
Install CC0 sound effects from the Elements registry. Use when user needs UI sounds (click, pop, notification), transition sounds (whoosh, swoosh), cinematic sounds (boom, riser, glitch), or audio for video production. Triggers on "sound effect", "SFX", "audio", "notification sound", "click sound", "whoosh", "UI sound", "sound for video", "play sound", "useSound".
Install Polar monetization components from the Elements registry. Use when user needs pricing cards, sponsor grids, subscription badges, revenue displays, or license key inputs. Triggers on "polar", "monetization", "pricing card", "subscription badge", "sponsor grid", "license key", "revenue card", "sponsorship", "pricing page".
Install theme switcher components from the Elements registry. Use when user needs dark mode toggles, theme switchers, light/dark buttons, or theme dropdowns. Triggers on "theme switcher", "dark mode", "light mode", "theme toggle", "theme button", "switch theme", "dark mode toggle".
Install developer tool components from the Elements registry. Use when user needs JSON viewers, API response displays, code diff viewers, CLI output renderers, env editors, error boundaries, webhook testers, or schema viewers. Triggers on "devtools", "json viewer", "API response", "webhook tester", "env editor", "code diff", "schema viewer", "error boundary", "CLI output".
Install GitHub display components from the Elements registry. Use when user needs GitHub repo cards, profile cards, contribution calendars, star counters, language breakdowns, or activity displays. Triggers on "github component", "github card", "repo card", "contributions calendar", "github stars", "github profile", "github activity", "github languages", "star button".
| name | upstash-elements |
| description | Install Upstash serverless components from the Elements registry. Use when user needs rate limit displays, Redis counters, leaderboards, queue status cards, or cache badges. Triggers on "upstash", "rate limit", "redis counter", "leaderboard component", "queue card", "cache badge", "serverless redis". |
5 components for Upstash Redis, QStash, and rate limiting.
npx shadcn@latest add @elements/upstash-{name}
| Component | Install | Description |
|---|---|---|
| Rate Limit | @elements/upstash-ratelimit | Rate limit status display |
| Counter | @elements/upstash-counter | Redis-backed counter |
| Leaderboard | @elements/upstash-leaderboard | Leaderboard component |
| Queue Card | @elements/upstash-queue-card | QStash queue status card |
| Cache Badge | @elements/upstash-cache-badge | Cache hit/miss badge |
# API dashboard
npx shadcn@latest add @elements/upstash-ratelimit @elements/upstash-cache-badge
# Gamification
npx shadcn@latest add @elements/upstash-counter @elements/upstash-leaderboard
# All Upstash components
npx shadcn@latest add @elements/upstash-ratelimit @elements/upstash-counter @elements/upstash-leaderboard @elements/upstash-queue-card @elements/upstash-cache-badge
Requires environment variables:
UPSTASH_REDIS_REST_URL=...
UPSTASH_REDIS_REST_TOKEN=...
Get keys at https://console.upstash.com