79 Repositories
JavaScript loading-screen 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
Fnon is a client-side JavaScript library for models, loading indicators, notifications, and alerts which makes your web projects much better.
𝔉𝔫𝔬𝔫 Fnon is the name of my late mother, It's an Arabic word which means Art, I created this library in honor of her name. Fnon is a client-side J
Finally, a simple, lightweight (0.6kb), pure JavaScript image lazy loader that even works in IE* using the IntersectionObserver API
Simply Lazy A simple & lightweight (0.6kb), pure JavaScript image lazy loader that even works in IE* utilizing the built in IntersectionObserver API i
Bootstrap 5 spinner/loading/pending indicator for input, textarea and select
@tkrotoff/bootstrap-input-spinner Bootstrap 5 spinner/loading/pending indicator for input, textarea and select Example: https://codesandbox.io/s
Customisable javascript skeleton loader.
JS Skeleton loader Simple but very powerful loader package built with full javascript. Installation To install this package, include index.js file int
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
A table component for your Mantine data-rich applications, supporting asynchronous data loading, column sorting, custom cell data rendering, row context menus, dark theme, and more.
Mantine DataTable A "dark-theme aware" table component for your Mantine UI data-rich applications, featuring asynchronous data loading support, pagina
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
A JavaScript library for optimizing html pages with video content that prevents videos from loading on mobile devices.
📱 js-vido — JavaScript Video Download Optimizer A JavaScript library for optimizing html pages with video content that prevents videos from loading o
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
A progressive image loading library. Inspired by Medium’s similar technique.
Blurry Image Load Synopsis A lightweight, zero-dependency library that loads images on demand. Until the images are loaded, a very small version of ea
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 wrapper around IPFS for speeding up the loading of web3 frontend applications.
ipfs-wrapper A wrapper around ipfs-core for speeding up the loading of web3 frontend applications. Used on Blogchain. Requirements NodeJS v14.5.0 or h
A slick loader to use during your AJAX calls or data processing
Slick Loader A slick loader to use during your AJAX calls or data processing Doc Installation Simply import slick-loader into your HTML. link rel="st
A lightweight, efficient and easy-to-use Canvas library for building some cool particle effects.
JParticles · 中文 | English 官网：jparticles.js.org 特效列表 粒子运动 波纹运动 波纹进度条 雪花飘落 线条动画 介绍 JParticles（JavaScript Particles 的缩写）是一款基于 Canvas 的不依赖于其他库的轻量级 JavaScr
Simple and flexible, css only, content placeholder loading animation.
Placeholder loading Simple and flexible, css only, content placeholder loading animation. Demo https://zalog.github.io/placeholder-loading/ Take a loo
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
Fast and lightweight dependency-free vanilla JavaScript polyfill for native lazy loading / the awesome loading='lazy'-attribute.
loading="lazy" attribute polyfill Fast and lightweight vanilla JavaScript polyfill for native lazy loading, meaning the behaviour to load elements rig
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
BttrLazyLoading is a Jquery plugin that allows your web application to defer image loading until images are scrolled to but not only
BttrLazyLoading.js BttrLazyLoading is a Jquery plugin that allows your web application to defer image loading until images are scrolled to but not onl
A modern lazy loading library for images.
Layzr.js A modern lazy loading library for images. Demo Page Getting Started Follow these steps: Install Setup Images Instantiate Review Options Revie
A jQuery plugin that lets you attach callbacks to useful image loading events.
waitForImages Copyright (c) 2011-2018 Alexander Dickson @alexdickson Licensed under the MIT licenses. http://alexanderdickson.com Donate! Overview Pro
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.
The progressive image loading library for great good!
AntiModerate The progressive image loading library for great good! Reduce loading time of page to less than a second on slow connections by loading an
:loop: Create loopy loading animations
Sonic.js See some examples! Create your own with Sonic Creator! Sonic is a tool that you can use to create spinny-loady-thingies on the fly. It's best
Delightful, performance-focused pure css loading animations.
Loaders.css Delightful and performance-focused pure css loading animations. What is this? See the demo A collection of loading animations written enti
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
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
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:/
Dynamically-loading WebComponent Assembly UI Framework
Golgi: Dynamically-loading WebComponent Assembly Framework Rob Tweed [email protected] 14 February 2022, M/Gateway Developments Ltd http://www.mgate
A simple way of loading inline es-modules on modern browser.
ES inline module A simple way of loading inline es-modules on modern browser. Usage Use inlineImport to dynamically import inline scripts. script typ
Demo showing how to lazy load a component in Angular without routing!
WidgetDashboard This project was generated with Angular CLI version 13.2.6. Development server Run ng serve for a dev server. Navigate to http://local
Lightweight Loading Animation
◼️ Features: 🛠 Easy to Use 🌠 Fast & Lightweight (0.5Kb) 💪 No dependencies, built with VanillaJS 🌎 Tested in all modern browsers ◼️ Demo: https://b
A React-fullstack platform to track all cryptocurrency in one place.
A React-fullstack platform to track all cryptocurrency in one place. Create your account and add your favorite coins.
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
Fallback JS - JavaScript library for dynamically loading CSS and JS files
Fallback JS - JavaScript library for dynamically loading CSS and JS files. Also provides the ability to load multiple files from a CDN with multiple fallback options and shimming!
Chart.js plugin for Prometheus data loading
Welcome to chartjs-plugin-datasource-prometheus 👋 A Prometheus datasource for ChartJS. Dependencies: requires chart.js 2.7 or later. requires moment.
Chart.js plugin to defer initial chart updates
Chart.js plugin to defer initial chart updates until the user scrolls and the canvas appears inside the viewport, and thus trigger the initial chart a
LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.
LazyLoad is a lightweight (2.4 kB) and flexible script that speeds up your web application by deferring the loading of your below-the-fold images, vid
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
Fancytree - JavaScript tree view / tree grid plugin with support for keyboard, inline editing, filtering, checkboxes, drag'n'drop, and lazy loading
Fancytree Fancytree (sequel of DynaTree 1.x) is a JavaScript tree view / tree grid plugin with support for keyboard, inline editing, filtering, checkb
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.
Functional, simple and customizable UI buttons for react native. Also contains loading functionality and automatically changes color for dual tone buttons. TypeScript support.
React Native UI Buttons ✨ Installation If you want to use icons make sure you have react-native-vector-icons installed in your project. npm install --
A lib for loading PDF in Android using WebView
A lib for loading PDF in Android using WebView Usage Including in your project Copy... /pdf/src/main/assets/... all files in the path Use val settings
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
Change the screen brightness
Change the screen brightness Install $ npm install --global brightness-cli Usage $ brightness --help Example $ brightness $ brightness 0.8
A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
webpack webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bu
Pure css cross-browser loading animations.
[ArtWorx] xLoader Pure css cross-browser loading animations. xLoader is part of the ArtWorx collection. Most of the loaders made by community, You can
🔮 CSS loading animations made by single element.
Three Dots The project is a set of CSS loading animations created with three dots which made by just single element. I think the project can not only
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
fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect.
What is fakeLoader.js fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulat
Loading effects for assets including some built in animated reveals
Asset loading effects This is a library to show the loading progress of given assets and reveal them using various animations. Please give feedback, r
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
A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
webpack webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bu
A script and resource loader for caching & loading files with localStorage
Basket.js is a script and resource loader for caching and loading scripts using localStorage ##Introduction for the Non-Developer Modern web applicati
A collection of loading spinners animated with CSS
Single Element CSS Spinners This is a collection of loading spinners animated with CSS. Each spinner consists of a single div with a class of loader a
Buttons with built-in loading indicators.
Ladda Buttons with built-in loading indicators, effectively bridging the gap between action and feedback. Check out the demo page. Installation npm in
A collection of loading indicators animated with CSS
SpinKit Simple loading spinners animated with CSS. See demo. SpinKit only uses (transform and opacity) CSS animations to create smooth and easily cust
Automatically add a progress bar to your site.
PACE An automatic web page progress bar. Demo Documentation Include pace.js and the theme css of your choice on your page (as early as is possible), a
A Javascript library for working with Audio. It provides a consistent API for loading and playing audio on different browsers and devices. Currently supports WebAudio, HTML5 Audio, Cordova / PhoneGap, and a Flash fallback.
SoundJS SoundJS is a library to make working with audio on the web easier. It provides a consistent API for playing audio in different browsers, inclu
Lazy-loading images with data-* attributes
Echo.js Echo is a standalone JavaScript lazy-loading image micro-library. Echo is fast, 2KB, and uses HTML5 data-* attributes for simple. Check out a
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
fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect.
What is fakeLoader.js fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulat
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,
:hourglass_flowing_sand: A higher order component for loading components with promises.
A higher order component for loading components with dynamic imports. Install yarn add react-loadable Example import Loadable from 'react-loadable'; i