Upstash Elements
5 components for Upstash Redis, QStash, and rate limiting.
Install Pattern
npx shadcn@latest add @elements/upstash-{name}
Components
| 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 |
Quick Patterns
# 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
Setup
Requires environment variables:
UPSTASH_REDIS_REST_URL=...
UPSTASH_REDIS_REST_TOKEN=...
Get keys at https://console.upstash.com
Discovery
Browse https://tryelements.dev/docs/upstash