43 Repositories
JavaScript screen-recorder Libraries
Watcher - Minimal Screen time tracker website
Watcher website first look This is what we are gonna make throughout the Hacktoberfest. Also do check out Watcher Tech-stack Want to Contribute to Wat
The easiest way to record audio on the web :speaker:
BoothJS (or booth.js) is a zero-dependency, extensible wrapper around the Web Audio API that makes recording audio on the web super easy. Booth fully
Provide solutions to make your app flexible for different screen sizes, different devices.
react-native-size-scaling Provide solutions to make your app flexible for different screen sizes, different devices, based on your device's pixel rati
Expo Demo: Screen Capture with Managed Workflow
Expo Demo: Screen Capture with Managed Workflow This code demonstrates how to setup screen capture on an Expo app, without having to eject from the ma
Generate WebdriverIO Tests from Google Chrome DevTools Recordings.
WebdriverIO Chrome Recorder This repo provide tools to convert JSON user flows from Google Chrome DevTools Recorder to WebdriverIO test scripts progra
A complete media query framework for CSS, to apply specific properties in specific screen
A complete media query framework for CSS, to apply specific properties in specific screen Note: Size of every media query is `50px, 100px, 150px, 200p
Share your screen to a projector with only a web-browser.
picklecast - Simple Screen Cast Receiver Screen share to a RaspberryPi or display computer connected to a projector or TV. Quickstart Install and star
A full screen slide show for images and videos
Vanilla JS Slide full screen slide show for videos and images Why? This is a scratch-your-own-itch project as I wanted a way to see images and videos
Interactive To Do List, draggable tasks, optimized for desktop and mobile screen sizes. It reserves data in local storage. Built with HTML, CSS, and JavaScript.
To Do List Interactive daily To-Do List Built With Major languages: html, css, javascript Frameworks: Technologies used: Webpack Live Demo Live Demo L
A simple library to view large images up close using simple mouse interaction, and the full screen.
Intense Images A stand alone javascript library for viewing images on the full, full screen. Using the touch/mouse position for panning. Here's a demo
jQuery plugin for 'responsive cropping'. Dynamically crop images to fill available space without cutting out the image's subject. Great for full-screen images.
jQuery plugin for 'responsive cropping'. Dynamically crop images to fill available space without cutting out the image's subject. Great for full-screen images.
Responsive navigation plugin without library dependencies and with fast touch screen support.
Responsive Nav Responsive navigation plugin without library dependencies and with fast touch screen support. Responsive Nav is a tiny JavaScript plugi
Implements Screen Space Reflections in three.js
three.js Screen Space Reflections Implements performant Screen Space Reflections in three.js. Glossy Reflections Clean Reflections Example scene Demos
A powerful data visualization 2D/3D large-screen editor tool with low-code.
tp-editor（2D/3D）中文说明 A topology 2D/3D editor with nodejs, express, socket.io es6, HT for Web and vite. It's a powerful large-screen data visualization
As babies smash on the keyboard, images, letters and numbers appear on the screen
Baby Bam Bam As babies smash on the keyboard, images, letters and numbers appear on the screen. Try the many options and find the ones that are right
A Deno library for interacting with the mouse 🖱️ keyboard ⌨️ and screen 💻
A Deno library for interacting with the mouse 🖱️ keyboard ⌨️ and screen 💻 . Litebot provides a simple API for creating kbm events, macros, & working with displays. Litebot leverages Deno's FFI to allow speedy low level control in C & C++ while having a typescript API exposed to the user.
A server setup to take screenshots against the green screen in-game.
alt:V Clothing Green Screener Support on Patreon. Seriously. Ever want screenshots of every single clothing item in GTA:V? Well this is your repositor
Supercharge Notion with custom commands to record, draw, and more ✍️
Slashy Supercharge Notion with custom commands to record, draw, and more ✨ Slashy is an open source extension that lets you create custom commands for
Cast your video element to the big screen with ease!
is="castable-video" Cast your video element to the big screen with ease! The lightweight CastableVideoElement class extends the native HTMLVideoElemen
Export Cypress Tests from Google Chrome DevTools' Recorder
@cypress/chrome-recorder This repo provides tools to export Cypress Tests from Google Chrome DevTools' Recordings Installation $ npm install -g @cypre
This tool uses native browser APIs to take screenshots of a given web page, tab, window, or the user's entire screen.
This tool uses native browser APIs to take screenshots of a given web page, tab, window, or the user's entire screen.
Given a list of items, only render what's visible on the screen while allowing scrolling the whole list.
Solid Windowed Given a list of items, only render what's visible on the screen while allowing scrolling the whole list. A Solid component. See https:/
Based on Google Chrome recorder, implement UI interface capture and notify the result to the target mailbox
chrome-recoder-crawler README-CN Modify the .js file exported by Google Chrome recorder. By default, the innerText property of the node operated in th
▶️ Deskreen Youtube channel (video tutorials, demos, use cases for Deskreen day to day usage)
▶️ Deskreen Youtube channel (video tutorials, demos, use cases for Deskreen day to day usage)
An application to capture screenshots automatically of your screen!
TASCA : The Automatic Screenshot Capturing Application An application to capture screenshots automatically of your screen! Report Bug · Request Featur
Enable full screen on for large aspect ratio screens on WhatsApp Web.
Maximize WhatsApp [WIP] Enable full screen on large aspect ratio screens on WhatsApp Web. Enable Epiphany extension. Optional if not done. Download th
A simple library for using the JavaScript Full Screen API.
BigScreen A simple library for using the JavaScript Fullscreen API. Why should I use it? BigScreen makes it easy to use full screen on your site or in
Custom full screen video player
Video Player Native video player in html View Demo · Report Bug · Request Feature About The Project This is a custom video player for the web built on
Make the content slide prettily across the screen with variable sizes of scrolling items, in any of four directions, pausing while the mouse is over the marquee, and all with vanilla JavaScript.
TEG Marquee Make the content slide prettily across the screen with variable sizes of scrolling items, in any of four directions, pausing while the mou
This project is a web app that uses the TVmaze API to retrieve data and display a list of items on the screen.
This project is a web app that uses the TVmaze API to retrieve data and display a list of items on the screen. It also enables people to like and comment on the broadcast. JavaScript, API, Bootstrap, HTML, and CSS3 were used to create this site.
Library agnostic in-process recording of http(s) requests and responses
@gr2m/http-recorder Library agnostic in-process recording of http(s) requests and responses Install npm install @gr2m/http-recorder Usage import http
Hello! Welcome to Our own Live Code Editor 2!! This is supported tabs and full-screen editing, Console, tabs and more are coming. We uses this one in our all tutorials. Made by @E-Coders & @Genius398
Live Code Editor 2 Hello! this is our live code editor an another second release version of our main Resporibity. This have style as tabs and more fea
A react native cached, animated, and auto chooses the best-resolution image for the current screen.
A react native cached, animated and auto chooses the best-resolution image for the current screen. This is a simple react native image component that
Based on pure JS scripts, without relying on native, no need for react-native link, Title / Header / Tabs / Sticky / Screen components can be flexibly configured, among which Tabs / Sticky can slide When it reaches the top, it will be topped.
react-native-scrollable-tabview English | 简体中文 Based on pure JS scripts, without relying on native, no need for react-native link,Title / Header / Tab
Mobile app splash screen generator
mobisplash-cli Mobile app splash screen generator Install $ npm install --global mobisplash-cli Usage $ mobisplash --help Usage $ mobisplash
Terminal recorder: Record your termial session into HTML
terminal-recorder Terminal recorder allows you to record your bash session, and export it to html so then you can share it with your friends. GitHub P
Change the screen brightness
Change the screen brightness Install $ npm install --global brightness-cli Usage $ brightness --help Example $ brightness $ brightness 0.8
A terminal-to-gif recorder minus the headaches.
ttystudio A terminal-to-gif recorder minus the headaches. Record your terminal and compile it to a GIF or APNG without any external dependencies, bash
CSS loading animations with minimal effort!
Whirl CSS loading animations with minimal effort! whirl is a curation of CSS loading animations(whirls! 😅 ). It started as a drop in CSS file to get
Automates PWA asset generation and image declaration. Automatically generates icon and splash screen images, favicons and mstile images. Updates manifest.json and index.html files with the generated images according to Web App Manifest specs and Apple Human Interface guidelines.
pwa-asset-generator ✨ Automates PWA asset generation and image declaration. Automatically generates icon and splash screen images, favicons and mstile
fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple
fullPage.js English | Español | Français | Pусский | 中文 | 한국어 Available for Vue, React and Angular. | 7Kb gziped | Created by @imac2 Demo online | Cod
fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple
fullPage.js English | Español | Français | Pусский | 中文 | 한국어 Available for Vue, React and Angular. | 7Kb gziped | Created by @imac2 Demo online | Cod
⚪ SVG-Powered component to easily create skeleton loadings.
SVG-Powered component to easily create placeholder loadings (like Facebook's cards loading). Features ⚙️ Customizable: Feel free to change the colors,