TECSmith Studio

A Stage For The Work

Screenshots in a grid don't do an app or a website justice, so TECSmith Studio puts each one on a three.js device stage, with a real, keyboard-accessible screen you can switch between phone, tablet and laptop. The music has its own searchable catalogue, mapped in 3D, with a shared player.

One Source Of Truth

The studio is built with Next.js, TypeScript and Tailwind CSS, and keeps no showcase data of its own. Everything, from app statistics and reviews to website screenshots, comes from the TECSmith agent API through same-origin proxies, so a change to the showcase shows up on the studio and on TECSmith.info at once.

Key Features

• 3D Device Stages

  Apps and websites shown on three.js phones, tablets and laptops with real, accessible screens.

• Music Catalogue & Player

  A searchable catalogue of original music, with a three.js map and a shared player.

• Screenshot Galleries

  Desktop shots in a browser frame and mobile shots in a phone frame, with thumbnails and a counter.

• Shareable Showcase Links

  Every item has its own link, with a preview tailored to it when shared.