Capture browser workflows as guides and walkthrough videos.

Snapxel records the clicks, context, screenshots, and optional video behind a browser workflow, then gives you a guide or walkthrough that is ready to edit and export.

Capture
Clicks, inputs, shortcuts, screenshots, and video.
Edit
Blur sensitive details, add callouts, crop, and trim.
Export
PDF, Word, Markdown, GIF, images, MP4, or WebM.
Snapxel side panel recording steps beside a browser workflow
Record steps in the side panel while the browser workflow stays visible.

How Snapxel works

Record the process, tighten the captured guide, and export it where the team already works.

  1. 1. Start recording

    Open the page you want to document, start recording, and use the product normally.

  2. 2. Let Snapxel collect the steps

    Clicks, inputs, and shortcuts are detected automatically while screenshots are captured in sequence.

  3. 3. Review and export

    Adjust the guide in the editor, then export as GIF, PDF, markdown, PNG, or video.

  4. 4. Share the result

    Use the output in support docs, onboarding guides, internal wikis, release notes, or client handoff material.

Built for repeatable browser work.

Snapxel is strongest when a process needs to be explained clearly, repeated often, and shared without rebuilding screenshots by hand.

Support docs

Show users exactly where to click instead of writing long text instructions.

Team onboarding

Capture internal processes once and reuse the guide when someone joins.

Admin workflows

Document configuration, approvals, and web-app setup flows for ops and IT teams.

Release handoffs

Turn a new flow into a guide or walkthrough video for launches, demos, and clients.

Exports that fit the rest of your stack

Snapxel is useful because it does not force a new destination format on the team.

GIF
Short walkthroughs for chat, async updates, and handoffs.
Configurable timing and loop behavior.
PDF
Formal guides and printable documents.
One screenshot per page with step descriptions.
Markdown
Docs-ready output for GitHub, Notion, and internal knowledge bases.
Structured steps with embedded images.
PNG ZIP
Raw screenshots for teams that still want to post-process assets.
Numbered files with metadata.
MP4 / WebM
Full-motion browser recording when static steps are not enough.
Video editor supports chapters, trim, captions, and enhanced export.

Docs are part of the product story

Users should not have to guess how Snapxel works after they install it. The site now carries a proper docs route built from the quick start material already inside the extension.

  • Quick start instructions for the first guide.
  • Keyboard shortcuts for extension and editor actions.
  • Export explanations and troubleshooting basics.
  • Privacy defaults such as typed text being off by default.

Trust matters before installation

Extensions get judged on permissions and data handling first. Snapxel needs to be clear and specific about both.

activeTab
Capture the visible tab when a recorded action happens.
No cloud upload is required for the capture path.
scripting
Detect actions and draw indicators on the page being documented.
Needed to identify steps and show feedback.
downloads
Save GIF, PDF, image, markdown ZIP, and video exports.
Only used when a user chooses to export.
storage
Persist settings, metadata, and local working state.
Backed by Chrome storage and IndexedDB.
<all_urls>
Allow user-initiated capture on the site the user wants to document.
Required because browser workflows can happen on arbitrary sites. The content script is used for interaction detection only while recording is active.

Common questions

Does Snapxel upload screenshots or recordings?

No. Snapxel processes screenshots and recordings locally on the device. Anonymous analytics can be disabled in settings.

Does it work for support and onboarding docs?

Yes. That is the main use case this site is built around: browser workflows, internal process guides, support articles, release notes, and client handoff documentation.

What if I need to hide sensitive information?

The editor includes blur, annotations, shapes, text, crop, undo, and redo before you export the guide.

Where do I learn the shortcuts and export options?

The docs route covers quick start, extension shortcuts, editor shortcuts, export behavior, and troubleshooting.