JavaScript Overlay

Open-source JavaScript projects categorized as Overlay | Edit details

Top 20 JavaScript Overlay Projects

  • driver.js

    A light-weight, no-dependency, vanilla JavaScript engine to drive the user's focus across the page

  • react-modal

    Accessible modal dialog component for React

    Project mention: react-modal Dynamic Sizing | | 2022-05-01

    Im using react-modal which is pretty great. Is it possible to dynamically size it (perhaps with css media tag). For example,

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • teaset

    A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control.

  • boron

    A collection of dialog animations with React.js

  • react-aria-modal

    A fully accessible React modal built according WAI-ARIA Authoring Practices

  • react-skylight

    A react component for modals and dialogs

  • sweetalert2-react-content

    Official SweetAlert2 enhancer adding support for React elements as content

    Project mention: How to declare HOC in React Class component | | 2021-11-11

    Please help, Specifically I am looking at this example from

  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  • crossover

    🎯 A Crosshair Overlay for any screen.

    Project mention: Custom Crosshair | | 2022-04-19

    Am I able to use the program crossover? or will I get banned. Here:

  • topframe

    Local webpage screen overlay for customizing your computing experience

    Project mention: Towards the Personal Potential of Software | | 2021-07-05

    Along the way, I released a few demos for macdriver to make clear the possibilities and provide reference examples. One of them I spun off into a standalone project called topframe, which is also serving as a test bed for how we are doing cross-platform support. More on that in a moment.

  • react-modal2

    :thought_balloon: Simple modal component for React.

  • react-layer-stack

    Layering system for React. Useful for popover/modals/tooltip/dnd application

  • reoverlay

    The missing solution for managing modals in React.

  • horizoverlay

    A simple horizontal damage meter overlay for Final Fantasy XIV. It currently shows player dps, damage %, hps, max hit, encounter duration and total dps. It's super configurable! It supports English, Portuguese, Chinese (S/T) and French.

    Project mention: Overlay for ACT | | 2021-11-08
  • reboron

    A collection of dialog animations with React.js

  • skeleton

    Simply display any website as customizable Overlay (by lmachens)

    Project mention: Is this allowed in war? | | 2022-04-29 Is the app apparently it 'mods' Auternum Minimap from Overwolf.

  • js-loading-overlay

    Display loading overlay/spinner for your application easily and beautifully.

  • crossover-lite

    🎯 5mb crosshair overlay for Windows.

    Project mention: CrossOver(lite) — customizable gaming crosshair overlay | | 2021-08-09
  • ender-o

    Ender Observer Application

  • screenshot-delta-detector

    Detect when an area of your screen has changed.

    Project mention: Screen change detection/notification | | 2021-10-31

    Someone asked for something similar a while back, and I wrote this program for them. It doesn't play sound, but I might be able to add that if you're interested.

  • rainbow

    Rainbow — Accessibility Contrast Tool for Text on Images (by rodneylab)

    Project mention: Accessible Text on Images: Nail the Contrast Ratio | | 2021-07-30

    The Rainbow tool was built using a static site generator. It's power lies in a Rust serverless function which does the maths. It works by finding the pixel (in the image) with the lowest contrast to the text colour. Then it uses a bit of High School Maths (the Newton-Raphson numerical technique) to work out the overlay transparency which satisfies the contrast ratio supplied (4.5 by default). There are a few optimisations built in such as resizing the image before getting going to speed up the later calculations. The code is open source and you can view the Rainbow Site code on the Rodney Lab Git Hub page. Now you know what the Rainbow tool is shall we look at how to use it?

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-05-01.

JavaScript Overlay related posts


What are some of the best open-source Overlay projects in JavaScript? This list will help you:

Project Stars
1 driver.js 13,542
2 react-modal 6,930
3 teaset 2,866
4 boron 1,494
5 react-aria-modal 938
6 react-skylight 566
7 sweetalert2-react-content 477
8 crossover 430
9 topframe 310
10 react-modal2 282
11 react-layer-stack 152
12 reoverlay 117
13 horizoverlay 114
14 reboron 24
15 skeleton 19
16 js-loading-overlay 13
17 crossover-lite 8
18 ender-o 2
19 screenshot-delta-detector 0
20 rainbow 0
Find remote jobs at our new job board There are 7 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.