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

upstash-elements

Upstash Elements

Install Pattern

Components

Quick Patterns

Setup

Discovery