# AtriumKit > AtriumKit is a Chrome extension and web app that turns one click-through of a web app into an interactive product demo, a step-by-step guide with screenshots and, in beta, an MP4 video. It is made by Simplisik LLC in Hermitage, Tennessee, USA, and launched in October 2026. Key facts: - Recording: the Chrome extension captures each click as a step. Recorded pages are kept as HTML where possible, so text on a captured page (a label, a price, a name) can be edited later in the editor. Demos do not update themselves: a moved control, a new layout or a changed flow means recording that flow again. - What you get from one recording: a guided demo (tooltips, hotspots, branching) or a clickable demo (linked screens to explore), and a hosted step-by-step guide for every published demo (copy as rich text or Markdown, print to PDF). The video studio (beta) turns a demo into a 1080p MP4 motion video. - AI: drafts tooltips and guide text on every plan. Pro and Team add AI voiceovers with captions and AI translation; demos can be in 15 languages, English included. Blurred text is never sent to AI. - Sharing and leads: hosted links and embeds on every plan. Pro and Team add personalized links, step-level analytics and lead forms that sync to HubSpot, Salesforce, Salesforce Account Engagement (Pardot), Slack, Microsoft Teams, Google Chat, Discord or signed webhooks. - MCP: a remote MCP server at https://app.atriumkit.com/mcp (Streamable HTTP; OAuth 2.1 or a personal access token) on every plan, Free included, listed in the official MCP Registry as com.atriumkit/atriumkit. Claude, ChatGPT (developer mode), Cursor and other clients can read demos, edit steps and tooltips, translate, add voiceovers, publish and read analytics within plan limits. Text on captured pages is edited in the app, not over MCP. - Pricing (USD per creator a month): Free $0 (3 published demos, 25 AI credits and 2 minutes of exported video a month); Pro $38, or $32 billed yearly; Team $69, or $58 billed yearly; Enterprise on request. Viewers are free on every plan. Paid plans have a 14-day trial. - Not offered: a SOC 2 report, two-factor sign-in, custom domains, GIF or 4K export, screen-recording video, desktop or mobile app capture, native CRM marketplace apps, lead email notifications. SSO is Enterprise only. ## Product - [Chrome recorder](https://www.atriumkit.com/product/recorder): Click through your product once in Chrome. Every click becomes a step. - [Guided demos](https://www.atriumkit.com/product/guided-demos): Step-by-step walkthroughs with tooltips, zoom and branching paths. - [Clickable demos](https://www.atriumkit.com/product/clickable-demos): A sandbox of real screens viewers explore on their own, with menus that work from every page. - [Editor](https://www.atriumkit.com/product/editor): Change page text, blur data, hide banners and swap images after you record. Every version is saved. - [AI writing and translation](https://www.atriumkit.com/product/ai): Draft every tooltip from your screens, rewrite a step in one click and translate the demo into 15 languages. - [Voiceovers](https://www.atriumkit.com/product/voiceovers): Narrate every step with an AI voice, your own recording or an audio file, with timed captions. - [Video studio (beta)](https://www.atriumkit.com/product/video-studio): Turn a demo or a short brief into a motion video with narration, music and captions, edit any scene, then export an MP4 or share a link. In beta. - [Embeds and sharing](https://www.atriumkit.com/product/sharing): A hosted page, an embed code and access settings for every demo you publish. - [Step-by-step guides](https://www.atriumkit.com/product/guides): Every published demo is also a written guide with screenshots, ready for your docs. - [Demo collections](https://www.atriumkit.com/product/collections): A branded demo center that groups your demos on one page and asks for an email at the right moment. - [Personalization](https://www.atriumkit.com/product/personalization): Fill in each viewer’s name and company across the demo, even inside the captured screens. - [Brand kits](https://www.atriumkit.com/product/brand-kits): Your logos, colors, fonts and buttons on every demo, guide and collection page. - [Presenter mode](https://www.atriumkit.com/product/presenter): Give a live demo on a call from a recorded one, with private notes and nothing to break. - [Lead capture and integrations](https://www.atriumkit.com/product/lead-capture): Ask for an email in the demo and send every lead to Slack, your CRM or a webhook. - [Analytics](https://www.atriumkit.com/product/analytics): See who watched, where they dropped off and what they clicked, step by step. - [Knowledge base](https://www.atriumkit.com/product/knowledge-base): Every demo as a searchable how-to, plus what AI should know about your product. - [AI assistants (MCP)](https://www.atriumkit.com/product/mcp): Let Claude, ChatGPT or Cursor edit, translate, publish and report on your demos. - [All features](https://www.atriumkit.com/product) ## Use cases - [Sales (Account executives and SDRs)](https://www.atriumkit.com/use-cases/sales): Send a personalized demo before the first call and see who opened it. - [Solutions engineering (Solutions and sales engineers)](https://www.atriumkit.com/use-cases/presales): Run the live demo without a fragile demo environment, and leave buyers a sandbox to explore. - [Marketing (Product and growth marketers)](https://www.atriumkit.com/use-cases/marketing): Put a product tour on your site, turn viewers into leads and see where they drop off. - [Customer success (Onboarding and customer success managers)](https://www.atriumkit.com/use-cases/customer-success): Onboard every account with a walkthrough for each role, and see who finished it. - [Support and documentation (Support teams and technical writers)](https://www.atriumkit.com/use-cases/support): Show customers where to click inside your help articles, with a written guide from the same recording. - [Product (Product managers and designers)](https://www.atriumkit.com/use-cases/product): Ship every feature with a demo people can click, a guide for the changelog and numbers on who watched. - [Enablement and training (Sales enablement, L&D and operations)](https://www.atriumkit.com/use-cases/enablement): Turn every process into a demo and a guide, in one knowledge base your whole team can search. - [Founders (Founders and small teams)](https://www.atriumkit.com/use-cases/founders): Record your product once and use it on your homepage, in sales follow-ups, in updates and as your help docs. ## Compare Comparisons with other tools. Competitor facts come from each vendor’s own pages, with the date they were checked. - [Arcade alternative](https://www.atriumkit.com/alternatives/arcade): AtriumKit vs Arcade for interactive demos, with a written guide and page-text editing on every plan, a lower per-creator price on Pro, and the cases where Arcade is the better pick. - [Supademo alternative](https://www.atriumkit.com/alternatives/supademo): AtriumKit and Supademo compared plan by plan, from each company’s own pages: where HTML capture, sandbox demos, AI and MCP sit, what each costs, and what Supademo does that AtriumKit doesn’t. - [Scribe alternative](https://www.atriumkit.com/alternatives/scribe): Scribe is built for documentation: SOPs, training and how-to guides. AtriumKit turns one Chrome recording into a step-by-step guide and an interactive demo, for teams that need both. - [Tango alternative](https://www.atriumkit.com/alternatives/tango): Tango is built for how-to documentation and in-app guidance for internal teams. AtriumKit turns one Chrome recording into a step-by-step guide and an interactive demo, for teams that need both. ## Pricing - [Plans and pricing](https://www.atriumkit.com/pricing) - [Enterprise](https://www.atriumkit.com/enterprise) - [ROI calculator](https://www.atriumkit.com/pricing#roi) - [Business case builder](https://www.atriumkit.com/pricing/business-case) ## For AI assistants and developers - [MCP server](https://www.atriumkit.com/product/mcp): Connect Claude, ChatGPT or Cursor to https://app.atriumkit.com/mcp. - [MCP server docs on GitHub](https://github.com/atriumkit/atriumkit-mcp): Setup for each client, scopes and limits. - [Connect AI assistants (help article)](https://www.atriumkit.com/help/ai-and-voice/connect-ai-assistants) ## Help: Getting started - [Install the Chrome extension and sign in](https://www.atriumkit.com/help/getting-started/install-the-extension): Add AtriumKit to Chrome, pin it to the toolbar and connect it to your account so you can start recording. - [Record your first demo](https://www.atriumkit.com/help/getting-started/record-your-first-demo): Click through your product with the Chrome extension, trim the steps in the review panel, and open the demo in the editor ready to publish. - [Choose between a guided and a clickable demo](https://www.atriumkit.com/help/getting-started/guided-or-clickable): Guided demos walk viewers down one path with tooltips. Clickable demos let them explore screens. How to choose, and what each editor is like. - [Publish and share a demo](https://www.atriumkit.com/help/getting-started/publish-and-share): Publish to get a hosted link, an embed code and a step-by-step guide. Publish again after edits, or unpublish to turn the link off. ## Help: Recording - [Recording options and the recording bar](https://www.atriumkit.com/help/recording/recording-options): What each option in the extension does, from demo type and capture scope to auto-blur, hover states and Screenshots only, plus the controls you get while recording. - [Undo, pause and remove steps](https://www.atriumkit.com/help/recording/undo-and-remove-steps): Fix misclicks while you record with Undo, Alt-click and Pause, then remove steps and choose drafted tooltip copy in the review panel. - [Blur sensitive data](https://www.atriumkit.com/help/recording/blur-sensitive-data): How auto-blur hides emails, names and phone numbers before anything is uploaded, how to blur more while recording or in the editor, and what never leaves your browser. - [How HTML capture works](https://www.atriumkit.com/help/recording/html-capture): Each page you record is also saved as a static, script-free copy of its HTML, so you can edit text, hide elements and personalize screens. What it does and its limits. - [Capture more screens after recording](https://www.atriumkit.com/help/recording/capture-more-screens): Record more pages into a clickable demo with + Capture more screens, point a guided step at another screen, and update screens when your product changes. - [What you can record](https://www.atriumkit.com/help/recording/what-you-can-record): Browser requirements, pages Chrome won’t let extensions capture, iframes, hover menus, viewport-only captures and the size limits to plan around. - [Create a demo from screenshots](https://www.atriumkit.com/help/recording/demo-from-screenshots): Upload PNG, JPEG or WebP images to build a guided or clickable demo without recording, then place hotspots and write the copy in the editor. ## Help: Editing demos - [Edit the steps of a guided demo](https://www.atriumkit.com/help/editing/edit-guided-steps): Add tooltips and cards, set where each tooltip points and how it moves on, reorder steps, and play a step or the whole demo before you publish. - [Branch a guided demo with choices](https://www.atriumkit.com/help/editing/branching): Add 2 to 4 choices to a tooltip or card so viewers pick their own path, set where each one goes, and fix the flow problems the editor points out. - [Camera, cursor and spotlight in guided demos](https://www.atriumkit.com/help/editing/camera-and-motion): Zoom each tooltip to its hotspot or to a frame you draw, choose a glide or a cut, add an animated cursor and dim the page around the spot. - [Hotspots and smart stitching in clickable demos](https://www.atriumkit.com/help/editing/hotspots-and-stitching): Link screens with hotspots, set the start screen and hints, and let smart stitching make sidebars, tabs and menus work from every screen. - [Edit text, blur and hide things on captured screens](https://www.atriumkit.com/help/editing/edit-page-text): Change words on a captured page, blur private data, hide banners, replace images, crop screens, and find and replace text across a whole demo. - [Restore an earlier version of a demo](https://www.atriumkit.com/help/editing/version-history): AtriumKit saves a version every time you publish and as you edit. Preview any version, name the ones that matter and restore one as your draft. - [Create and apply a brand kit](https://www.atriumkit.com/help/editing/brand-kits): Set your logos, colors, fonts, buttons, forms and hosted page in a brand kit, import them from your website, and pick a kit for each demo. ## Help: AI, languages and voice - [Write demo copy with AI](https://www.atriumkit.com/help/ai-and-voice/write-with-ai): Draft every tooltip, card and hotspot from what your screens show, rewrite one step at a time, and keep only the suggestions you want. - [How AI credits work](https://www.atriumkit.com/help/ai-and-voice/ai-credits): What each AI action costs, how many credits each plan includes a month, when they reset, what happens when an action fails and where to see what’s left. - [Translate a demo into other languages](https://www.atriumkit.com/help/ai-and-voice/translate-a-demo): Add languages on the Languages tab, translate every string with AI, edit any translation by hand and show viewers the demo in their own language. - [Add a voiceover with captions](https://www.atriumkit.com/help/ai-and-voice/add-a-voiceover): Narrate each step or screen with an AI voice, your own recording or an audio file, edit the captions and let narrated steps move on by themselves. - [Give AI your product knowledge with a knowledge kit](https://www.atriumkit.com/help/ai-and-voice/knowledge-kits): Tell AtriumKit’s AI what your product is, how you write and what never to claim, with a glossary, notes and files, in each brand kit. - [Connect Claude, ChatGPT or Cursor to AtriumKit](https://www.atriumkit.com/help/ai-and-voice/connect-ai-assistants): Use AtriumKit’s MCP server to edit, translate, publish and analyze demos from your AI assistant, signing in with OAuth or a personal access token. ## Help: Sharing and embedding - [Embed a demo on your website or help center](https://www.atriumkit.com/help/sharing/embed-a-demo): Copy the iframe code from the Share tab, pick a responsive or fixed size, and set options like language, start step, progress bar and sound. - [Choose who can view a demo](https://www.atriumkit.com/help/sharing/access-settings): Set a demo to Public, Unlisted or Email gate, see what search engines can index, and what happens to links and embeds when you unpublish. - [Share a demo as a step-by-step guide](https://www.atriumkit.com/help/sharing/step-by-step-guides): Every published demo is also a written guide with a picture per step. Edit its wording, hide steps, export it, or turn the guide page off. - [Group demos into a collection](https://www.atriumkit.com/help/sharing/collections): Put several demos on one branded page with sections, links and a call-to-action button, add lead capture, then share it as a link or embed it. - [Personalize a demo with variables](https://www.atriumkit.com/help/sharing/personalize-a-demo): Write a variable once and every viewer reads their own name, company or role. Add your own variables, choose where values come from and test them. - [Create personalized links for prospects](https://www.atriumkit.com/help/sharing/personalized-links): Give each prospect their own link that fills in their name and company. Create one at a time or up to 500 from a CSV, and see who opened theirs. - [Present a demo on a live call](https://www.atriumkit.com/help/sharing/presenter-mode): Use presenter mode to walk a prospect through a demo on a screen share, with hidden guides, private notes, a speaker view and keyboard shortcuts. - [Use the internal knowledge base](https://www.atriumkit.com/help/sharing/internal-knowledge-base): Every published demo becomes a searchable how-to in Knowledge base, next to your product’s summary, glossary and files. Only your workspace’s members see it. ## Help: Leads and analytics - [Capture leads with email gates and lead forms](https://www.atriumkit.com/help/leads-and-analytics/capture-leads): Ask viewers for their email before a demo, inside it or before the last step, then review every lead on the Leads page and export them as CSV. - [Connect Slack, your CRM or a webhook](https://www.atriumkit.com/help/leads-and-analytics/connect-integrations): Send new leads and lead activity to Slack, Teams, HubSpot, Salesforce, Zapier and 8 more destinations by pasting a URL or an ID. No apps to install. - [Read your demo analytics](https://www.atriumkit.com/help/leads-and-analytics/read-your-analytics): See views, completion, step drop-off, recent viewers and traffic sources for each demo and your whole workspace, and what each plan includes. ## Help: Workspace and billing - [Invite teammates and manage roles](https://www.atriumkit.com/help/workspace-and-billing/members-and-roles): Add people to your workspace as admins, editors or viewers, change their roles, remove them and switch between workspaces. Viewers are free. - [Plans, free trials and seats](https://www.atriumkit.com/help/workspace-and-billing/plans-and-trials): What Free, Pro and Team include, how the 14-day trial works, how creator seats are counted, and monthly or annual billing. - [Change or cancel your plan](https://www.atriumkit.com/help/workspace-and-billing/change-or-cancel-your-plan): Switch plans, billing period or seats, cancel a subscription, see what changes when you move to Free, and delete a workspace. ## Playbooks - [Send a demo before the first sales call](https://www.atriumkit.com/playbooks/demo-before-the-first-call): Record the flows buyers ask about, personalize a link for each prospect, get an alert when they open it, and walk into the call knowing what they looked at. - [Run a live demo from presenter mode](https://www.atriumkit.com/playbooks/live-demo-presenter): Present a recorded demo on a screen share as if it were the live product, with private notes, hidden guides, a speaker view and a backup plan. - [Put a product tour on your homepage](https://www.atriumkit.com/playbooks/homepage-product-tour): Pick one flow, keep it short, embed it where visitors decide, ask for an email at the right moment and fix the steps where people leave. - [Turn your top help articles into interactive walkthroughs](https://www.atriumkit.com/playbooks/interactive-help-center): Find the articles behind the most tickets, record each task once, embed the walkthrough above a written guide, then keep both current and translated. - [Build an onboarding hub for new customers](https://www.atriumkit.com/playbooks/customer-onboarding): Put your setup walkthroughs on one branded page, branch them by role, personalize them for each account and see who finished what. - [Launch a feature from one recording](https://www.atriumkit.com/playbooks/feature-launch-kit): Record the new feature once, then ship a launch demo, a docs guide, a voiceover, translations and embeds for your changelog, blog and launch email. - [Onboard new hires with recorded SOPs](https://www.atriumkit.com/playbooks/new-hire-onboarding): Record your team’s processes as walkthroughs and written guides, put them in a searchable knowledge base, and keep them current as your tools change. ## Blog - [Post-demo follow-up email templates: 6 to send before and after the call](https://www.atriumkit.com/blog/demo-follow-up-email-templates): Six demo follow-up email templates, from the note before discovery to the stalled deal. Each has when to send it, subject lines, a body to copy and what to link. - [How to create a step-by-step guide with screenshots (free template)](https://www.atriumkit.com/blog/step-by-step-guide-with-screenshots): A template to copy, seven rules that make guides easy to follow, and three ways to make the screenshots: by hand, with a Chrome extension, or with a script. - [Arcade vs Supademo (2026): an honest comparison, with prices](https://www.atriumkit.com/blog/arcade-vs-supademo): Arcade and Supademo compared plan by plan: prices, written guides, HTML capture, video export, AI and SSO, all from each vendor’s own pages. Checked November 1, 2026. - [How to keep help center screenshots up to date: a system for support teams](https://www.atriumkit.com/blog/keep-help-center-screenshots-up-to-date): Every release breaks a few help center screenshots. A system to find, triage and fix them, when to script them, and how to fix a renamed label without retaking. - [AI voiceovers are here](https://www.atriumkit.com/blog/ai-voiceovers): Narrate every step of a demo with an AI voice, your own recording or an audio file, with captions, in every language you add. On Pro, Team and trials. - [Introducing AtriumKit](https://www.atriumkit.com/blog/introducing-atriumkit): AtriumKit turns one click-through of your web app into an interactive demo and a step-by-step guide. Here’s what it does and how to start for free. - [Video, interactive demo or written guide? How to choose](https://www.atriumkit.com/blog/interactive-demos-vs-screen-recordings): Screen recordings, interactive demos and written guides each do some jobs well and others badly. A practical way to pick the right one for the job. ## Optional - [About AtriumKit](https://www.atriumkit.com/about): Why it exists and who makes it: Simplisik LLC, founded by Micah Shackelford. - [Press kit](https://www.atriumkit.com/press): Facts, boilerplate, logos, product screenshots and the founder’s photo. - [Add to Chrome](https://chromewebstore.google.com/detail/atriumkit-%E2%80%94-interactive-d/gcpoinecemlbmdaficfajbcdfnmonfan): The AtriumKit extension in the Chrome Web Store. - [Launch video](https://youtu.be/6QBv06xc3UY): A 46-second tour of what one recording becomes. - [AtriumKit on LinkedIn](https://www.linkedin.com/showcase/atriumkit/) - [AtriumKit on GitHub](https://github.com/atriumkit) - [Privacy policy](https://www.atriumkit.com/privacy) - [Terms](https://www.atriumkit.com/terms)