The most powerful screen recorder & annotation tool for Chrome 🎥
Alternatives To Screenity
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
6 months ago73mitJavaScript
The most powerful screen recorder & annotation tool for Chrome 🎥
Timecat2,11314 months ago49March 21, 202253gpl-3.0TypeScript
A Magical Web Recorder & Player 🖥
a year ago4mitJavaScript
Supercharge Notion with custom commands to record, draw, and more ✍️
Cypress Recorder33
6 years agomitJavaScript
Cypress scenario recorder
10 months ago9mitJavaScript
万屋一家シリーズ web版勤怠管理システム「勤之助 ver.2」のタイムレコーダーを押すためのChrome拡張
Github Extended29
3 years agootherJavaScript
:octocat: A Chrome extension to discover more repositories
Protractor Recorder27
6 years ago3mitJavaScript
Chrome extension to record Protractor E2E test scripts
3 days ago31mitJavaScript
Making the world of software a more inclusive place
Fd Cypress Recorder24
2 years ago1TypeScript
Browser plugin Fd Cypress Recorder captures user interactions and generates Cypress test code.
Chrome Recorder13
17 days ago1mitTypeScript
Generate WebdriverIO Tests from Google Chrome DevTools Recordings.
Alternatives To Screenity
Select To Compare

Alternative Project Comparisons


The most powerful screen recorder & annotation tool for Chrome 🎥

Get it now - it's free!

Screenity is a feature-packed screen and camera recorder for Chrome. Annotate your screen to give feedback, emphasize your clicks, edit your recording, and much more.

You can support this project (and many others) through GitHub Sponsors! ❤️

Made by Alyssa X

Screenity - The most powerful screen recorder for Chrome | Product Hunt Featured on HackerNews

Also available for Microsoft Edge

Table of contents


🎥 Make unlimited recordings of your tab, desktop, any application, and camera
✏️ Annotate by drawing anywhere on the screen, adding text, and creating arrows
👀 Highlight your clicks, focus on your mouse, or hide it from the recording
🎙️ Individual microphone and computer audio controls, push to talk, and more
⚙️ Custom countdowns, show controls only on hover, and many other customization options
💾 Export as mp4, gif, and webm, or save the video directly to Google Drive
✂️ Trim or remove sections of your recording
🌐 Available in English, Catalan, Spanish (by Carmen Madrazo), French (by Marie), Portuguese, Brazilian Portuguese, German (by Christian Heilmann), Korean (by Dong-Hyeon, Kim), Chinese (by xkonglong), Polish (by Damian Harateh), Russian (by Artem), Tamil (by MC Naveen), Turkish (by Can Mavioğlu), Italian (by Angelo), Hindi (by Pranjal Aggarwal), and Indonesian (by Galang Aprilian)
...and much more - all for free & no sign in needed!

Here's a Google Sheet to compare Screenity's features with other free & premium screen recorders available for Chrome.

Translating Screenity to other languages

If you'd like to translate Screenity to a new language, here's what you should do:

  1. Make sure the language you want to translate Screenity into is supported by the Chrome Store. Here's a list of all the supported locales.
  2. Create a new folder under _locales with the locale name for your language.
  3. Make a copy of this file and translate the "message". The "description" shouldn't be translated, it's only there to give you some context where the string will show in the extension.
  4. Translate the Chrome Store description so it can be published there, you can simply make a comment with it when you make a pull request. Here's an example of how that pull request should look like.

Before submitting the pull request, it would be helpful if you tried running the extension in the new language, to make sure everything looks right.

Self-hosting Screenity

You can run Screenity locally without having to install it from the Chrome Store. Here's how:

  1. Download the code. In the web version of GitHub, you can do that by clicking the green "Code" button, and then "Download ZIP".
  2. Go to chrome://extensions/ in your browser, and enable developer mode.
  3. Drag the folder that contains the code (make sure it's a folder and not a ZIP file, so unzip first), or click on the "Load unpacked" button and locate the folder.
  4. That's it, you will now be able to use Screenity locally. Make sure you pin it on the toolbar by clicking the "puzzle" icon in the toolbar and pinning Screenity.
  5. To enable the Google Drive Upload (authorization consent screen) you must change the client_id in the manifest.json file with your linked extension key. You can create it accessing Google Cloud and selecting menu "Create Credential" > "OAuth Client ID > Chrome App. To create an extension key, you can follow the steps here. After these steps, reload your Extension Folder in Extensions (Developer Mode).

Libraries used

  • jQuery - for better event handling and DOM manipulation
  • FabricJs - for interactive text and arrows (optimized custom build)
  • FFMPEG - to convert the video to GIF or MP4
  • Jquery Nice Select - for better, more stylish dropdowns
  • Nouislider - for the range sliders used for trimming / removing parts of the recording
  • Pickr - for the color picker
  • Plyr - for the video player shown when editing the recording
  • StreamSaver.js - for saving the video asynchronously while recording
  • fix-webm-duration - for making the downloaded videos seekable

Feel free to reach out to me through email at [email protected] or on Twitter if you have any questions or feedback! Hope you find this useful 💜

Popular Recorder Projects
Popular Chrome Extension Projects
Popular Applications Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Chrome Extension
Screen Capture