selop

selop / pokebox

Public

This project displays Pokemon TCG cards utilizing ThreeJS and Off-Axis-Projection

pokebox.lopatkin.net offaxisprojection pokemon tcg threejs vue
33
2
100% credibility
Found Feb 23, 2026 at 20 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

Pokebox is a browser-based interactive viewer that simulates realistic holographic Pokemon card effects responding to head movements or device tilts.

How It Works

1
🔍 Discover Pokebox

You stumble upon Pokebox, a fun fan project that brings holographic Pokemon cards to life right in your browser.

2
🌐 Try the live demo

Click the link to pokebox.lopatkin.net and instantly see a magical box of shiny cards waiting for you.

3
📱 Start the experience

Follow the simple popup to allow your camera for head-tracking magic, or skip to use your mouse or keyboard.

4
✨ Peek into the holo box

Move your head side-to-side or tilt your phone, and watch the cards sparkle, shift colors, and feel like real holograms through a window.

5
📦 Open packs and browse

Click packs to burst open new sets of cards, swipe or arrow through stacks, or search for your favorites.

6
⚙️ Customize the magic

Tweak screen size, lights, or effects in settings to perfect the holographic glow just for your setup.

🎉 Share the wonder

Grab a share link for your favorite card and amaze friends with lifelike Pokemon holo effects anytime.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 20 to 33 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is pokebox?

Pokebox renders Pokemon TCG cards in a 3D holographic viewer using TypeScript, Vue, and ThreeJS with off-axis projection. Webcam head tracking (via MediaPipe) or phone gyro creates a parallax "window" into a virtual box, shifting shiny foils, rainbows, and sparkles realistically as you move. Open packs for stack animations, browse carousels, or share specific cards like Zacian ex via URL—try the live demo at pokebox.lopatkin.net.

Why is it gaining traction?

Eye-popping GLSL shaders mimic real holo effects (etch foils, tilt sparkles) better than static viewers, with modes like fan layouts and auto-rotating carousels. AI-built (Claude Opus) as a @project github copilot showcase, it deploys easily via Docker/Nginx to GitHub Pages. Perf overlays and calibration tools help tune for any setup, standing out as a pokebox pokemon project github react example.

Who should use this?

ThreeJS devs prototyping immersive WebGL UIs or shader tweaks; Pokemon fans in pokebox usa, australia, portugal, or aveiro groups sharing collections interactively. Ideal for school project displays or project moohan displays needing quick 3D card viewers over pokebälle pokemon go apps.

Verdict

Neat demo with Playwright E2E tests and Vitest coverage, but 19 stars and 1.0% credibility signal early-stage—docs solid, yet limited sets. Fork for custom pokebox zacian ex contenu; skip for production until more polish.

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.