Your packs

…

1 new pack every 2 minutes · max 15 stored

Choose a pack to open

Premium packs

PlayersSearch and sort players, then open an account to see its IP, give coins, packs or cards, rename, ban or delete it. Everything is checked by the server.

Create / edit a card

CategoriesRename a category, or type the name of an existing one to merge them. Packs tied to it follow. Delete removes its cards and the packs tied to it.

Find cards

Custom pack

Category (optional: adds every card of it)Extra cards from any category (tap to pick). With picks and no category, the pack holds only your picks.

Luck weights per rarity (higher = more likely)

Pack colour

Special questsCreate a quest for every player with your own reward: an amount of gold, a premium pack (free to open), or both. Duration 0 = never expires.

Reward

Free pack luckOdds for the free boosters everyone opens with their timed packs. Higher weight = more likely. Players see these odds on the pack screen.

Simulate openingsDry run with the real server odds. Nothing is added to any account and no animation plays.

Ultimate border styles (click to pick)Used by cards with the Ultimate rarity.

Import a custom 3D borderAsk Claude for a border, download the .json it gives you, pick it here to preview it, then save it to the server for every player. If the file has an ultimate block, that animation plays when a card with this border is pulled.

Border JSON API and AI prompt

Copy the prompt into your AI, describe the visual theme you want, and ask it to return one complete JSON file. Import the result below to preview it before saving.

Create one complete CardVerse custom 3D border JSON file for this visual theme: [DESCRIBE THE THEME].

Return ONLY valid JSON (no markdown fences, comments, or text before/after it). Follow this exact API:

Top-level fields:
- id (required): unique lowercase id, 1-24 characters, only a-z, 0-9, underscore. Do not use flame, water, lightning, mana, asta, or pv.
- name (required): display name, 1-30 characters.
- color (optional): hex color such as #42d9ff; used as the card glow/accent. Defaults to #ffffff.
- pad (optional): four numbers [top, right, bottom, left], each 0-2. This reserves canvas space outside the card for ornaments; use about 0.2-0.4 for normal effects and more only if artwork extends farther. Defaults to [0.25,0.25,0.25,0.25].
- code (required): a JSON string containing JavaScript function-body source. The game evaluates it as new Function("H", code)(H), so it must use the supplied H helpers and RETURN an object. Do not return an arrow function.
- ultimate (optional): Ultimate pull animation settings object.

The code string must return {init(i), back(i,g,t,dt), front(i,g,t,dt)}. front is required; init and back are optional. These callbacks are called for every visible card frame. init(i) runs when the border canvas is sized or resized and should initialize per-card state only. back draws behind the card; front draws on top. Keep each frame efficient: do not create DOM nodes, images, or gradients inside particle loops; cap particle counts; reuse arrays and state on i. Do not use network access, external libraries, or browser globals.

Callback arguments:
- i: per-card state and geometry. i.W / i.H are card width / height in CSS pixels; i.S is the scale factor (card width / 170); i.fw is frame line width; i.P is an array of perimeter points {x,y,nx,ny}; i.tx / i.ty are smoothed tilt values; i.wx is tilt movement. Store your own state on i (for example i.particles=[]).
- g: 2D canvas context. Coordinates use the card's top-left as (0,0); the context is cleared and reset before each callback. Save/restore context state around transforms and clips.
- t: elapsed animation time in seconds; dt: frame delta in seconds. Multiply movement by dt so animation speed is frame-rate independent.

H helper API (available as the H argument):
rand(min,max), lerp(a,b,t), clamp(value,min,max), TAU
rr(g,x,y,w,h,r): begin a rounded-rectangle path.
conic(g,cx,cy,angle,[[stop,color],...]): create a conic gradient.
perimeter(W,H,r,step): sample rounded card edges; points contain x,y and outward normal nx,ny.
dispPath(g,points,offsetFn): make a closed path displaced along each point's normal; offsetFn(index,point) returns pixels.
frameRect(i,g,inset=0): begin the rounded card-frame path.
stroke(g,style,width): stroke the current path.
reset(g): reset common canvas state; call after changing composite mode or line dashes.
sparkle(g,x,y,r,rotation): draw a four-point sparkle using the current fillStyle.
sprite("r,g,b"): get a cached soft circular glow sprite; color is an RGB string, e.g. "80,220,255".
glow(g,"r,g,b",x,y,radius,alpha): draw a soft glow.
ramp([[r,g,b],...],count=16): interpolate RGB stops into RGB strings.
FIRE: built-in warm RGB ramp.
each(array,dt,callback): advance particle age; removes expired particles and calls callback(particle,lifeProgress).
spawn(i,key,rate,dt,callback): rate is particles/second; uses i.st internally and caps each-frame spawning. Use a unique key per effect.
Important: spawn only schedules callback calls; it does NOT create or store a particle and callback receives no arguments. Create each particle inside the callback and push it into your own array on i, then update/draw that array with each(array,dt,callback). Example: spawn(i,"aura",18,dt,()=>{const p=pick(i);i.particles.push({x:p.x,y:p.y,vx:p.nx*20,vy:-30,age:0,life:1,size:4})}). Initialize i.particles=[] in init(i).
pick(i): get a random point from i.P.
bolt(x0,y0,x1,y1,spread,out,depth,width): append generated lightning segments to out.

Optional ultimate object fields:
palette: up to 6 additional hex colors; color is included automatically.
style: spiral, implode, rain, or vortex. shape: dot or shard.
title: short reveal title (max 24 characters). flash and bg: hex colors.
rays and shake: booleans. gather: duration in milliseconds, 600-3000.
draw: optional JavaScript function-body string called as draw(g,W,H,t,s,col) on each Ultimate reveal frame. t is milliseconds since animation start; s is seconds since the gather phase. Draw only lightweight 2D canvas effects. The game draws particles, flash, and title for you.
The ultimate object is a separate pull animation, not part of code. It is used only when an Ultimate card has this border ID selected. After importing, use Preview Ultimate animation to test it; to use it on pulls, assign this border to a card and set that card's rarity to Ultimate.

Design requirements: create a polished, distinctive frame with layered outline, animated color/light, and theme-specific details; preserve a clear card center; keep ornament placement inside the supplied pad; scale dimensions with i.S; use no huge opaque fills; and make motion smooth and readable. Use a strong silhouette and balanced contrast rather than a plain single stroke. Include a matching ultimate configuration.

Use this complete valid example as the JSON shape:
{
  "id": "crystal_storm",
  "name": "Crystal Storm",
  "color": "#59d8ff",
  "pad": [0.22, 0.22, 0.22, 0.22],
  "code": "const {frameRect,stroke,conic,TAU,rand}=H;\\nreturn {\\n init(i){i.phase=rand(0,TAU)},\\n back(i,g,t){g.globalCompositeOperation='lighter';frameRect(i,g);stroke(g,'rgba(40,170,255,.22)',i.S*24);g.globalCompositeOperation='source-over'},\\n front(i,g,t){const stops=[[0,'#f5ffff'],[.22,'#59d8ff'],[.48,'#4566ff'],[.74,'#b05bff'],[1,'#f5ffff']];frameRect(i,g);stroke(g,'#07152f',i.fw+3);frameRect(i,g);stroke(g,conic(g,i.W/2,i.H/2,t*.8+i.phase,stops),i.fw);frameRect(i,g,i.fw*.45);stroke(g,'rgba(220,250,255,.9)',1.2);g.fillStyle='#e9fcff';for(let k=0;k<4;k++){const x=k%2?i.W-8:8,y=k<2?8:i.H-8;g.beginPath();g.moveTo(x,y-4);g.lineTo(x+2,y-1);g.lineTo(x+5,y);g.lineTo(x+2,y+1);g.lineTo(x,y+4);g.lineTo(x-2,y+1);g.lineTo(x-5,y);g.lineTo(x-2,y-1);g.closePath();g.globalAlpha=.65+.35*Math.sin(t*2+i.phase+k);g.fill()}g.globalAlpha=1}\\n};",
  "ultimate": {
    "palette": ["#59d8ff", "#4566ff", "#b05bff"],
    "style": "vortex",
    "shape": "shard",
    "title": "CRYSTAL STORM",
    "flash": "#e9fcff",
    "bg": "#090d25",
    "rays": true,
    "shake": true,
    "gather": 1700
  }
}

Limits and troubleshooting

IDs are unique and cannot use a built-in border ID. Border code is limited to 80,000 characters; the Ultimate draw string is limited to 8,000. Colors must be #RRGGBB. Invalid optional Ultimate values use safe defaults. The preview checks both the 3D frame and Ultimate reveal; if it fails, verify the JSON quotes/escaping, required front callback, ID, and color.

Custom border code is executable JavaScript and is shared with site users when saved. Import only code you trust.

Ruin Arena — tactical prototypeBuild a 20-card deck, deploy circular units onto a 50×50 battlefield, and use movement, attack range, and abilities to destroy the enemy hero statue. This admin-only prototype is local and does not change your collection.

Export website dataDownloads everything you tick as one .json file. Players include password hashes and IP addresses, so keep the file private. Game content: cards, packs, borders, special quests, economy settings Players: accounts, inventories, friends, market, trades, trade board Uploaded pictures (the files in uploads/)

Import website dataPick a backup .json made here. Every part you import replaces the current data of that part. Export a backup first if you are not sure.

Import anime characters (AniList)1) Open anilist_fetch.html in your browser (any device), type an anime name, pick it, then Download. 2) Pick the downloaded anilist_characters.json here, set each rarity, then create the cards.

CARDVERSE

Your packs

Choose a pack to open

Premium packs

Quests

Collection

Market

Trade board

Friends

Trade offers

Legal notice

New board post