Showcase MakerTools
⏱00:00:00
Free

Tools

← Home
Process
Workshop / Featured / Split cuts, watermark and Steam ZIP
STEAM / WORKSHOP STUDIO

Prepare a multi-row Workshop showcase

One source becomes one full-height file. Choose 1–3 rows and download the matching ZIP. HEX 21 is automatic.

ZIP · 1–3 HEX 21 ✓

1 · Choose the showcase type

Number of rows

2 · Add your files

Add one image, GIF, MP4 or WebM per row. Tall images keep their full height and proportions.

3 · Download

FULL-HEIGHT PREVIEWEach row keeps the source proportions
HEX 21 is automatic in the final ZIP

1Add your image or video

Choose a fileor drag it herePNG · JPG · GIF · WebP · ICO · TIFF · AVIF · MP4 · WebM
✓

Source checkAdd files to check format, size, duration and resolution before processing.

2Choose your Steam showcase

Match the type selected in your Steam profile. The preview shows the cut.

Which one do I have?

In Steam open your profile → Edit Profile → Featured Showcase and look at the showcase name:

  • Workshop Showcase Workshop
  • Featured Artwork Showcase Featured
  • Artwork Showcase Artwork Split

No showcase yet? Pick one there first; Steam unlocks showcases from profile level 10.

3Style it

Optional. Everything you change here appears on the preview right away.

FrameDrawn inside the final files, sizes stay the same.
WatermarkDrag it on the preview to move it.

Free plan: the ShowcaseMaker mark is added automatically. With Pro you can use your own text or turn it off.

Font, size and opacity
Colour correctionBrightness, contrast, saturation and hue of the source.
Quality and formatFor experienced users. The defaults already fit Steam.
Smart compression to 5 MBAlways on for final Steam GIFs. The processor keeps the highest quality that fits the limit.
AUTO · ≤ 5 MB

Showcase preview

The selected showcase layout is shown directly on the frame. For video/GIF the first frame is used; drag the watermark to set its position.

Your showcase will appear hereAdd a file on the left to see how it will be cut.

4Prepare the Steam files

    Processing… 0%

    Character + background

    Upload a background and a character (PNG / GIF / MP4). Live preview is on the right. «Compose» builds the final file (chromakey + animation).

    1. Showcase background
    no file selected
    2. Character
    no file selected
    Compositing… 0%
    How to use
    1. Background — image the character is placed on (PNG/JPG).
    2. Character — transparent PNG, or photo/video on green, blue or red screen.
    3. Live preview on the right. Drag, resize and rotate the character; the final file keeps the same placement.
    4. Colored backdrop — leave auto remove. Pre-cut PNG — choose already transparent.
    5. Tolerance — chromakey strength. Smoothing — edge softness (0 = hard).
    6. Press Compose → download or send To Process for Workshop slicing.

    PREVIEW live

    Add background and character — preview updates instantly
    Final result after Compose

    Click the finished image — opens in a new tab

    Download from web

    YouTube · TikTok · Instagram · X · Reddit · Pinterest · VK · Twitch · Giphy · Tenor · Pixiv · ArtStation · Wallhaven and more, or a direct file link

    Downloading… 0%

    Converter

    Pick a file and the format you need — Video ↔ GIF, MP4, WEBM, PNG, JPG, WEBP.

    Drop file or click to browse
    Converting… 0%

    Upscale

    AI upscaling for images, GIFs and video. Jobs continue in the background.

    Drop an image, GIF or video here — or click to browse
    Processing… 1–3 min
    ∞END → BEGINNINGYour seamless animation will appear here

    The original is not changed. Check the transition, then download the result.

    HEX 21

    Steam trick: set last byte to 0x21 on PNG / GIF (and other files). Download ZIP with patched files.

    Drop PNG, GIF or images — or click to browse

    Profile preview

    Pick page mode → file per showcase → open in a new tab (animated GIF and MP4).

    —

    Showcases

    Building… 0%

    Upload to Steam

    Semi-auto: results folder → Steam page → console code → upload.

    Tip: log into Steam in the browser first. Paste the code once on the page, then pick files.

    1. Results folder

    After Process, unpack the ZIP downloaded automatically — those are your files.

    2. Steam upload page

    3. Console code (F12)

    
        
    
          
        
    
        
    
      
    

      
    
        
    4. Which files to upload
    
        
    
          Files: part_1 … part_5 (in order). ZIP is fine to unpack first.
        
    
      
    

      
    
        
    Step-by-step
    
        
      
          
    1. Run Process and unpack the automatically downloaded ZIP
      2. 
          
    2. Click «Open Steam page»
      3. 
          
    3. Click «Copy code»
      4. 
          
    4. On Steam: F12 → Console → Ctrl+V → Enter
      5. 
          
    5. Upload files in the order listed above
      6. 
        
    
      
    
      
    
      
    
        
    
          Checking extension…
        
    
        STEAMSHOWCASE HELPER
        
    Upload without console setup
    
        
    Choose a showcase type, then open file selection for automatic upload or use the manual Steam handoff.
    
        
      
          
    1. Choose one of the three showcase types below.
      2. 
          
    2. Automatic: select files in the extension and start the queue.
      3. 
          
    3. Manual: open Steam and choose the files yourself.
      4. 
        
    
        What are you uploading?
        
    
          
          
          
        
    
        
    
          
          
        
    
        Install extension
        
    
        
    Automatic upload selects files inside the extension. Manual upload lets you choose them on Steam.
    
      
    
      
    
    
    
  
    

  
    
    
    
      

      
    
        

        
    
          
    
            READY?
            
    Steam admission report
    
            
    The format, dimensions, weight, animation, HEX and completeness checks will appear here.
    
            
          
    
          
        
    
      
    
    
    
  
    

  
    
    
    
      
    
        AI / PROFILE RATING
    Profile Rating
    
        
    Paste any public Steam profile. The doctor reviews its structure and visual consistency and suggests what to keep, change or add.
    
        
        
        
    Free: one analysis per week · Pro: expanded access. The score is an AI estimate.
    
        
    
      
    
      
    PROFILE / DIAGNOSTICS
    Waiting for a public profile
    
    
    
  
    

  
    
    
    
      
    
        AI / DESIGN SELECTION
    Design Selection
    
        
    Get three static showcase directions that match an existing public Steam profile.
    
        
        
        
        
    Pro only · Static references, not a generated profile. Results are AI estimates.
    
        
    
      
    
      
    STYLE / DIRECTION
    Choose a profile and style
    
    
    
  
    

  
    
    
    
      
    
        EXPERIMENT / PROFILE SIGNAL
        Experimental
      
    

      
    
        
    
          
    01Public Steam profile
    
          
    Paste a public Steam profile link. DNA will read its current public data and showcases; nothing is posted to Steam.
    
          
          
          
          
    Free, local to Showcase Maker, no AI API.
    
          
    

          
    02Six profile signals
    
          
    
        
    

        
    
          
    
            
            
            
    S
    
            
    No signal decoded yetPaste a public Steam profile link, then start the analysis.
    
          
    
          
          
          
          
          
    
            
            
          
    
          
    This is a creative fingerprint of currently public profile data, not a rating.
    
        
    
      
    
    
    
  
    

  
    
    
    
    
      

      
    
        
        
    
          
    
            
            
            
          
    
           LIVE
        
    
        
    
          
          
    
            Edge check
            
            
            
            
          
    
        
    
        
    Start with a background
    Use your own image or video, or choose a Steam background. Then add a character, text and effects.
    
        
    Select a layer, then drag it directly on the showcase. Guides show the exact Steam cut.
    
        
    Arrow keys: move · Shift: 10 px · Ctrl/Cmd+D: duplicate
    
        
    Next, preview the cut and create the files for Steam.
    
        
    
          
          
          
        
    
        
    
      
    

      
    
    
  
    

  
    
    
    
      
    SHOWCASE / LIBRARY
    My projects
    Continue editing saved showcases. Free projects are deleted after 7 days; Pro projects remain until you delete them.
    
      
    
      
    
    
    
  
    


    
    
    
      
    DeviantArt
    
      
    
        Connect your DeviantArt account to publish directly to your Sta.sh.
      
    
      
    
        DA: not connected
        
        
      
    
      
      
    
    
    
  
    

  
      
  

  
    
    
    
      
    About
    
      
    
        Showcase Maker WEB — browser tools for Steam showcases.
    
        Free: daily file limit · Pro: unlimited (account + access code).

    
        by n1t1337
      
    
      
    
        
    
        
          
        
        
        
    
          
          
        
    
      
    
    
    
  
    

  
    

  
    
    
    
    …