tabletop.STUDIO Untitled table Saved locally

The card table

SCENE 01

Set the scene. Make it your own.

Click any zone to take a closer look ↗
512 px512 px
Ready512 × 512 px
Scene zoom
LOCAL ENGINE / Ready to renderMade for the way you play.
THE PIECES OF YOUR GAME

Card library

A standard deck, a new world, or something entirely your own.

Standard playing cards

52 cards · Active on your stage

UNDER THE TABLE

A scene, as a request.

The same small engine powers the workbench and your code.

Static render API · v1

Your first render

Pass a scene in a URL. Render in the browser. Download an image when you're ready.

JavaScript 

            

            
            

              Your playground URL follows the current request.
            

            
A few small services

            

              

                01State
                
Validated commands, snapshots, undo & redo.

              

              

                02Cards
                
Deck definitions, image art & card transfers.

              

              

                03Layout
                
Players, zones, stacks & bounded overflow.

              

              

                04Renderer
                
Deterministic SVG with a scene registry.

              

              

                05Export
                
Portable SVG, exact-size PNG & scene JSON.

              

            

            

              
              

                Static HTML and JavaScript. The caller supplies the scene; this page handles
                layout, artwork, and image export. Game state and permissions belong to the
                caller. See
                README.md for the full
                contract.
              

            

          

          

            

              

                
Live configuration

                
Edit the request, then send it to the stage.

              

              
            

            
            
            

              
            

            

              RECENT COMMANDSrevision 0
            

            
    
              
  1. 
                engine.readyinitial state
              
    2. 
            

          

        

      

    


    
      

        

          STATIC RENDER API
          
        

        
      

      

        

          Open this URL in any current browser to reproduce the scene. The browser can download
          a PNG or SVG.
        

        
        
        
        
        

          The link contains the supplied scene data. Only include information the recipient may
          access.
        

      

      

        

          Open render
          
        

      

    

    
      

        

          

            CARD MANAGER
            
Make a new card

          

          
        

        

          

            

            LIVE PREVIEW
          

          

            
            
            
            

              
              

                
              

              
              

                Use a CORS-enabled image URL for export. Uploaded images stay inside your scene.
              

            

          

        

        
        

          
          

            
          

        

      

    

    
      

        

          A QUICK FIELD GUIDE
          
Welcome to the table.

        

        
      

      

        

          Build an arrangement in Stage, bring your own pieces in
          Cards, and automate it all from API.
        

        

          01
          

            
Find your frame

            

              Choose any dimensions from 64 to 4096 pixels per side. The exported image matches
              them exactly.
            

          

        

        

          02
          

            
Get a little closer

            

              Click a zone in the preview to focus it. Change its arrangement, card count, or
              face visibility in Zones. Return to Overview for the whole table.
            

          

        

        

          03
          

            
Bring your cards

            

              Import an array of card objects, or a deck with an id, name, and cards array.
              Artwork is optional.
            

            
[
  { "id": "sun", "name": "The Sun",
    "artUrl": "https://example.com/sun.jpg" },
  { "id": "ace", "name": "Ace of Spades",
    "rank": "A", "suit": "spades" }
]

          

        

        

          04
          

            
Keep what you make

            

              Export PNG or SVG from the top bar. Save scene downloads a reusable JSON
              configuration. Changes save locally when browser storage is available.
            

          

        

        

          These are visual game-state fixtures. Setup presets don't enforce poker or Commander
          rules, or deck limits. Player images use zone visibility rules; scene JSON retains the
          complete game state. Undo: ⌘/Ctrl Z · Redo: ⌘/Ctrl Shift Z.