Show Which Key Is Pressed On Page – show-keys
A JavaScript library that detects keypress events and displays which key (or shortcut) has been pressed on your web app.
Recommended
Macbook (M1) Keyboard Mockup In Pure CSS
An animated, interactive Mackbook (M1 chip) keyboard mockup created using only HTML and CSS/CSS3.
Simple Extensible Code Editor – Copenhagen
A simple, lightweight, extensible code editor that supports popular languages like HTML, CSS, JavaScript, JSON, Markdown, and Plain Text.
Minimal Custom Scrollbar In Vanilla JavaScript – fakescroll
This is the vanilla JavaScript version of the jQuery fakescroll plugin which makes the regular browser scrollbar fully customizable via CSS.
Custom HTML5 Video Player Optimized For Movies – moovie.js
A responsive, fully customizable, nice-looking, movie-focused HTML5 video player with support for both WebVTT(.vtt) and SubRip(.srt) captions.
Modern Split View In JavaScript – Split.js
Split.js is a lightweight vanilla JavaScript library used to create resizable split views that support CSS float, flexbox, and Grid layouts.
Codepen Style HTML/CSS/JS Code Editor – PenEditor
An open-source online HTML/CSS/JavaScript code editor (code playground) inspired by Codepen.io.
National Flag CSS Library – currency-flags
currency-flags is a CSS library used to embed national flags into HTML document using plain HTML/CSS and base64 encoded images.
Stop Scammers Changing Webpages From Browser Devtool – DOM Guard
Stop the browser’s devtool from modifying elements to prevent fraudsters from scamming by forging your web page.
Responsive Image Lazy Load JS Library – lazysizes
lazysizes is an easy yet robust JS library used to delay the loading of images (iframes, scripts, etc) until they come into view.