82 Repositories
JavaScript loading-bar Libraries
Userscript that adds a search bar to tabnews.com.br
TabBusca Userscript that adds a search bar to tabnews.com.br Download This is a userscript. To use it you'll first need one of the following browser e
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
Twitter like notify bar
jQuery Notify bar Please visit the project page for feedback and other details. Simple plugin (basically it's not a plugin, but widget) to show notify
jQuery plugin to show a tabs bar for navigation. The tabs can be defined once, and shared across multiple HTML pages.
jquery.simpletabs v1.2.3 The jquery.simpletabs plugin shows a tabs bar for navigation. The tabs can be defined once, and shared across multiple HTML p
Responsive Dropdown Menu Bar
Responsive Dropdown Menu Watch it on youtube Responsive Dropdown Menu Beautiful and clean responsive navigation bar includes a beautiful drop-down sid
Super lighweight, pure JavaScript page load progress bar
Nanobar Super lighweight, pure JavaScript page load progress bar Status View Preview Table of contents Status Quick Start What's included Bugs and fea
windows-style title bar component for Electron
electron-windows-titlebar windows-style title bar component for Electron Demo Contributors xudafeng This project follows the git-contributor spec, aut
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
Slim progress bars for anywhere you want to use
qier-progress is a progress bar. It can be used for some watting time like jump links, request data, and load or upload files and images to give us feedback and reduce our anxiety. Also if you have used nprogress, then you must know what I am talking about ~
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
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
jQuery plugin for a Notification Bar
jquery.peekABar A jQuery plugin for a notification bar with customization options. Important Note We have stopped supporting bower as a package manage
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
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
jQuery based scrolling Bar, for PC and Smartphones (touch events). It is modern slim, easy to integrate, easy to use. Tested on Firefox/Chrome/Maxthon/iPhone/Android. Very light 7ko min.js and 1Ko min.css.
Nice-Scrollbar Responsive jQuery based scrolling Bar, for PC and Smartphones (touch events). It is modern slim, easy to integrate, easy to use. Tested
It's a tiny freeware library on TypeScript to sinhronize page scrolling and navigation meny-bar.
Scroll progress (dual-side-scroll) v1.2.3 Assignment This tiny plugin is designed to show the progress of the page scrolling interactively. There are
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
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
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
Hourly weather card for Home Assistant. Visualize upcoming weather conditions as a colored horizontal bar.
Hourly Weather Card by @decompil3d An hourly weather card for Home Assistant. Visualize upcoming weather conditions as a colored horizontal bar. Can y
⛴ Manage Docker containers from the menu bar.
Captain INTRODUCTION Manage Docker containers. Instantly from the menu bar. See which containers are running and which have stopped. Conveniently star
A progress bar plugin for tasks in Obsidian.
Obsidian Task Progress Bar A plugin for showing task progress bar near the tasks bullet or headings. Only works in Live Preview mode in Obsidian. Sett
A progress bar plugin for Vite.
vite-plugin-progress Display with progress bar when building 📦 Install npm i vite-plugin-progress -D # yarn yarn add vite-plugin-progress -D # pn
Spotlight-like search bar for spotify
Spicetify power bar Spotlight-like quick search bar to navigate to tracks, albums, artists and playlists. Table of contents Installation Usage Setting
A rhythm game played in your browser's address bar
URLX URLX is a rhythm game played in your browser's address bar. (no it does not stand for anything it's just the best name i could think of) Hit arro
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
CLI Progress Bar implemented in NodeJS to track Time, ETA and Steps for any long running jobs in any loops in JS, NodeJS code
NodeJS-ProgressBar CLI Progress Bar for NodeJS and JavaScript to track Time, ETA and Steps for any long running jobs in any loops in JS, NodeJS code D
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
⌨️ Visualize keyboard history for osu! in bar form
bar-overlay-for-osu Visualize keyboard history for osu! Example Vertical Horizontal Features Customizable: keys, colors, speed, spacing, etc. Receives
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.
TrackIt - Single Page Application that helps the user track their habits.
TrackIt - Single Page Application that helps the user track their habits. Implemented with JavaScript/React and an API server which enables the user to sign-in or sign-up in the app.
NG Bootstrap - Angular powered Bootstrap widgets
NG Bootstrap - Angular powered Bootstrap widgets Angular widgets built from the ground up using only Bootstrap 4 CSS with APIs designed for the Angula
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!
Bar Funnel Chart extension for Chart.js
Chart.BarFunnel.js Provides a Bar Funnel Chart for use with Chart.js Documentation To create a Bar Funnel Chart, include Chart.BarFunnel.js after Char
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
Chart.js scale for hierarchical tree-like data structure
Chart.js Hierarchical Scale Plugin Chart.js module for adding a new categorical scale which mimics a hierarchical tree. Related Plugins Check out also
This plugin for Chart.js that makes your bar chart to 100% stacked bar chart.
chartjs-plugin-stacked100 This plugin for Chart.js that makes your bar chart to 100% stacked bar chart. Requires Chart.js 3.x. Demo: https://y-takey.g
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
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
TChart.js - simple and configurable Bar and Line Chart library in Javascript
TChart.js Simple and configurable Bar and Line Chart library in Javascript Description TChart.js is a canvas-based simple Javascript Bar and Line Char
Mosha-vue-toastify - A light weight and fun Vue 3 toast or notification or snack bar or however you wanna call it library.
Mosha Vue Toastify A lightweight and fun Vue 3 toast or notification or snack bar or however you wanna call it library. English | 简体中文 Talk is cheap,
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
Custom touch bar or digital macropad app for GNU/Linux 🐧 using an Android device 📱
🐗 Boar 🎛️ Custom touch bar or digital macropad app for GNU/Linux 🐧 using an Android device 📱 Those apps allow creating a keyboard with custom keys
A simple react js onscroll sticky Nav bar library
react-js-stickynav A simple react js nav bar onscroll Intro Install npm install --save react-js-stickynav Usage length = navigation length , which is
Multi Upload with Progress Bar in Vanilla JS
js-progress-bar-multi-upload Multi Upload with Progress Bar in Vanilla JS Youtube dersinde birlikte hazırladığımız çoklu progress barlı javascript upl
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
Creates a button that turns into a progress bar with a elastic effect. Based on the Dribbble shot "Download" by xjw
Elastic Progress Creates a button that turns into a progress bar with a elastic effect. Based on a Dribbble shot by xjw. By Lucas Bebber. Article on C
Progressive svg pie, donut, bar and line charts
Peity Peity (sounds like deity) is a jQuery plugin that converts an element's content into a mini svg pie, donut, line or bar chart. Basic Usage HTM
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
ProgressJs is a JavaScript and CSS3 library which help developers to create and manage progress bar for every objects on the page.
ProgressJS ProgressJs is a JavaScript and CSS3 library which helps developers create and manage progress bars for every object on the page. How To Use
Material Progress —Google Material Design Progress linear bar. By using CSS3 and vanilla JavaScript.
MProgress.js Google Material Design Progress Linear bar. It uses CSS3 and vanilla JavaScript which doesn't depend on any other libraries. Types and pr
File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads.
jQuery File Upload Contents Description Demo Features Security Setup Requirements Mandatory requirements Optional requirements Cross-domain requiremen
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
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
⚪ 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
📊 Data visualization library for React based on D3
Data visualization library for React based on D3js REAVIZ is a modular chart component library that leverages React natively for rendering the compone
Progressive svg pie, donut, bar and line charts
Peity Peity (sounds like deity) is a jQuery plugin that converts an element's content into a mini svg pie, donut, line or bar chart. Basic Usage HTM