id8Labs
Back to products

X-Place

Exploration

Collaborative Pixel Canvas for the X Ecosystem

r/place meets Twitter.

Remember r/place? Reddit's social experiment where millions of users collaborated (and fought) to create pixel art on a shared canvas. One pixel at a time. Cooldowns that forced you to work together or get overwhelmed.

X-Place is that concept rebuilt for the X/Twitter ecosystem. Same mechanics—500x500 canvas, 16 colors, cooldown timers—but tied to X accounts instead of Reddit.

The twist: your X identity travels with you. Potential for factions based on who you follow. Verified accounts could get perks. The social graph becomes the game.

Core Mechanics

500x500 Canvas

Shared by all users, updated in real-time

16 Color Palette

Classic r/place colors for pixel art purity

Cooldown Timer

Place a pixel, then wait—forces collaboration over domination

X OAuth Login

Sign in with your X account, avatar and username pulled automatically

Spectator Mode

Accounts under 30 days old can watch but not place (anti-bot)

Real-time Updates

See every pixel appear instantly via WebSocket

Architecture

┌─────────────────┐     ┌──────────────────┐     ┌─────────────────┐
│   Next.js Web   │────▶│  WebSocket Server │────▶│  Redis (Upstash)│
│   (Frontend)    │◀────│   (Real-time)     │◀────│  (Canvas State) │
└─────────────────┘     └──────────────────┘     └─────────────────┘
        │                                                │
        ▼                                                ▼
┌─────────────────┐                              ┌─────────────────┐
│ Supabase Auth   │                              │ Pub/Sub Channel │
│ (X OAuth)       │                              │ (Scaling)       │
└─────────────────┘                              └─────────────────┘
Frontend:Next.js 14, React, Tailwind, Zustand
Real-time:Custom WebSocket server (ws library)
Database:Redis (Upstash) for canvas state + sessions
Auth:Supabase with X (Twitter) OAuth 1.0a

Build Status

✓Canvas Renderer500x500 with pan/zoom
✓Color Palette16-color r/place palette
✓WebSocket ServerReal-time pixel updates
✓Redis IntegrationCanvas state persistence
✓X OAuth LoginTwitter auth via Supabase
✓Session ManagementRedis-backed, 24h TTL
✓Spectator ModeNew accounts watch-only
✓r/place UIBottom toolbar, minimal chrome

The Vision

X-Place could become a viral social experiment like the original r/place, but native to the X ecosystem. Imagine:

  • • Trending on X as communities coordinate pixel art
  • • Factions based on who you follow
  • • Verified accounts get special colors or faster cooldowns
  • • Live streams of the canvas embedded in X posts
  • • Timelapse videos that go viral

What's Next

High Priority

Production Deploy

Vercel + Railway

High Priority

Canvas Persistence

Save/load from Redis properly

Medium

Pixel History

See who placed each pixel

Medium

Timelapse

Watch the canvas evolve

Status: Exploration — core mechanics built, preparing for public test

Built with: Next.js, WebSockets, Redis, Supabase