Simple Web UI Library

Bundled up common UI tools with a lot of helpers extended into jQuery

**Note: This package is blocking as it waits for all the dependent modules to load from CDN. It is highly recommended that you use jQuery's ready event before attempting to use these methods.

Package	Accessed Via	Loaded From
jQuery	$	Bundled
Bootstrap		CDN
Bootstrap Modals	$.modal() $.statusModal()	CDN
Chart.js	$().chartJS()	CDN
cross-fetch wrapper	$.fetch()	CDN
DataTables.net-BootStrap5	$().dt()	CDN
FontAwesome Free	Font Awesome Docs $.createAwesomeIcon() $.createAwesomeButton()	CDN
Google Charts	$.loadGoogleCharts()	CDN
Google Fonts	$.loadGoogleFonts()	CDN
Google Maps	$.loadGoogleMaps()	CDN
hls.js	$.hls() $.createHLSMedia()	CDN
Moment.js	$.moment() $.momentUtc()	CDN
Numeral.js	$.numeral()	CDN
Smoothie Charts	$().smoothieChart() $.timeSeries()	CDN
QR Codes	$().qrCode()	CDN
Overlays	$().overlay()	CDN
LocalStorage	$.localStorage()	CDN
Timer	$.timer()	CDN
WebSocketClient	$.websocket()	CDN
Nano ID	$.nanoid()	Bundled
@simplewebauthn/browser	$.webauthn()	CDN
Advanced Crypto	$.crypto	CDN

Documentation

https://gibme-npm.github.io/web-ui/

Example

import '@gibme/web-ui';

$(() => {
    $('some_data_table').dt();
    
    $('some_canvas').qrCode('https://github.com');
})
Copy