https://github.com/kasuken/screenhive.app

A simple web screen recorder
https://github.com/kasuken/screenhive.app

Last synced: about 2 months ago
JSON representation

A simple web screen recorder

• Host: GitHub
• URL: https://github.com/kasuken/screenhive.app
• Owner: kasuken
• License: mit
• Created: 2021-09-16T12:39:45.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2021-11-19T13:43:11.000Z (almost 3 years ago)
• Last Synced: 2024-06-11T12:47:21.618Z (4 months ago)
• Language: SCSS
• Homepage:
• Size: 1.56 MB
• Stars: 6
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• jimsghstars - kasuken/screenhive.app - A simple web screen recorder (SCSS)

README

        
![Image of ScreenHive Project](https://cdn.jsdelivr.net/gh/Th3Wall/assets-cdn/ScreenHive/ScreenHive_readme_V2.jpg)

# 📹 ScreenHive

A deadly simple web screen recorder.

## 🎯 About

The project is born live on a [Twitch livestream](https://twitch.tv/kasuken) from Kasuken. He developed it in Vanilla JS and HTML.


A few weeks later I've designed a UI theme on Figma and I've styled & refactored the WebApp using my custom boilerplate built on Parcel V2.

## ▶️ Demo

Here you can find the live deployed version:

- [ScreenHive.app](https://www.screenhive.app/)

## :sparkles: Features

:heavy_check_mark: Export type selector (currently MP4/WebM)


:heavy_check_mark: Video preview


:heavy_check_mark: Video download


:heavy_check_mark: Dark/Light mode toggle


:heavy_check_mark: Current OS theme detection

## :rocket: Technologies

- [Parcel](https://parceljs.org/)

- [SASS/SCSS](https://sass-lang.com/)

## 📸 Screenshots

**Splash Screen**

![Screenshot of ScreenHive Splash Screen](https://cdn.jsdelivr.net/gh/Th3Wall/assets-cdn/ScreenHive/ScreenHive_Splash_readme.jpg)




**Splash Screen Dark Mode**

![Screenshot of ScreenHive Splash Screen Dark Mode](https://cdn.jsdelivr.net/gh/Th3Wall/assets-cdn/ScreenHive/ScreenHive_SplashDark_readme.jpg)




**Active recording**

![Screenshot of ScreenHive Active Recording](https://cdn.jsdelivr.net/gh/Th3Wall/assets-cdn/ScreenHive/ScreenHive_readme_2.jpg)




**Preview & Download**

![Screenshot of ScreenHive Preview & Download](https://cdn.jsdelivr.net/gh/Th3Wall/assets-cdn/ScreenHive/ScreenHive_readme_3.jpg)




## 👤 Authors

- [Kasuken](https://github.com/kasuken)

- [Th3Wall](https://github.com/th3wall)