โ† Side Projects

Gift LLM Tokens

A gifting flow for LLM API tokens: choose a provider, pick tokens or a plan, and send it. No backend, just the interaction design.

ReactInteraction DesignLLM2026

Gift LLM Tokens

Send API credits or a plan to a friend

Provider
Token amount
1,000,000tokens
To
Required before sending.
Swipe to send

Providers

5

Modes

tokens + plans

Focus

gifting UX

Why it exists

LLM APIs are the new infrastructure, but gifting access to them is weirdly hard. You can buy someone a coffee, a book, or a SaaS seat, but not a block of Claude or GPT tokens.

This concept explores what that gifting surface could feel like: choose a provider, pick an amount or plan, and send it to a friend.

What makes it interesting

The interaction is intentionally compact: everything lives in a single card with no multi-step wizard. The segmented control, quick-pick pills, and provider selector are designed to feel fast and tactile.

  • โ€”Toggle between raw token amounts or predefined plans
  • โ€”Supports OpenAI, Anthropic, xAI, Gemini, and Cursor as providers
  • โ€”Quick-pick pills for common token amounts (100K, 1M, 10M, 50M)
  • โ€”Concept only, no real payment or API integration

Integration note

This demo is embedded as a native React component inside the portfolio. Brand data for providers was sourced from Loftly.