243 Repositories
JavaScript custom-element Libraries
Git Frameworker is a CLI tool for quickly bootstrapping custom framework configurations.
Git Frameworker Git Frameworker is a tool that allows you to quickly bootstrap a project using a framework from GitHub. If the repository you clone co
This widget allows to conduct polls in Matrix rooms.
Matrix Poll This widget allows to conduct polls in Matrix rooms. But unlike MSC3381, it is designed for more complex scenarios, like polls with multip
An obsidian plugin allowing you to register and view different file extensions in a modular manner.
Obsidian Custom File Extensions Plugin This is a plugin for Obsidian to allow associaton of file type extensions with different in-app views via setti
Manage GitHub resources like repositories, teams, members, integrations and workflows with the AWS CDK as Custom Resources in CloudFormation.
CDK Github Manage GitHub resources like repositories, teams, members, integrations and workflows with the AWS CDK as Custom Resources in CloudFormatio
Frontend card for hass-formulaoneapi
FormulaOne Card Present the data of hass-formulaoneapi in a pretty way Installation Manually add formulaone-card.js to your config/www/ folder and a
A custom element (web component) for Shaka Player.
shaka-video A custom element (web component) for Shaka Player, which supports both HLS and DASH streaming protocols. The element API matches the HTM
Make your kids happier with a custom TV offline series from Juhuhu :))
Juhuhu Downloader Simple downloader which takes the array of streams with defined duration and number of sub-streams and make an offline version of Ju
Custom operation to backup the PG database and upload the .dump to Directus.
Directus Backup Operation Custom Directus operation to backup Postgres database using pg_dump and upload the .dump file into Directus storage. Prerequ
Create custom would you rather questions for our discord bot using this simple ui tool!
Json Generator How to run the project Install the VSCode Live Server Extention. Navigate to the html file. Start the Live Server. Want to contribute?
A JavaScript Library that allows you to execute function when a certain element gets added to the document
wait-for-it.js A JavaScript Library that allows you to execute function when a certain element gets added to the document Getting Started If you want
adds the *scrollin* and *scrollout* events to jquery, which will fire when any given element becomes (respectively) visible and invisible in the browser viewpori
jQuery.scrolling This plugin adds the scrollin and scrollout events to jquery: these events will fire when any given element becomes visible/invisible
jQuery Terminal Emulator - JavaScript library for creating web-based terminals with custom commands
JavaScript Library for Web Based Terminal Emulators Summary jQuery Terminal Emulator is a plugin for creating command line interpreters in your applic
An easy-to-use jQuery plugin that allows the user to pick an icon from a responsive icon browser and shows the corresponding icon class in an input element.
Font Awesome Browser An easy-to-use jQuery plugin that allows the user to pick an icon from a responsive icon browser and shows the corresponding icon
Create Bootstrap 5 Modal Box using JavaScript with custom title, description, button labels and custom YES button callback
Dynamic BS5 Modal Box Create Bootstrap 5 Modal Box using JavaScript with custom title, description, button labels and custom YES button callback Insta
A light-weight user's step-by-step guide for your website using Vanilla JS.
WebTour JS A light-weight user's step-by-step guide for your website using Vanilla JS. Features User's walkthrough - can be used to guide user's to yo
Creates a table of contents in a DOM element optionally linked to with anchors. No jQuery or other dependencies.
HTML-Contents Creates a table of contents in a DOM element optionally linked to with anchors. No dependencies. @psalmody Get It We're on npm: npm i ht
"Jira Search Helper" is a project to search more detail view and support highlight than original jira search
Jira Search Helper What is Jira Search Helper? "Jira Search Helper" is a project to search more detail view and support highlight than original jira s
A web component that allows you to run high level programming languages on your websites (static websites included!)
Code-Runner-Web-Component A web component that allows you to run high level programming languages on your website via the public Piston API Show your
A JupyterLab extension to create custom launcher entries.
jupyter_app_launcher A JupyterLab extension to create custom launcher entries jupyter_app_launcher helps users customize the JupyterLab launcher with
create custom search presets for vscode ๐
VSCode Search Presets vscode extension to configure search presets Sometimes you want to search through a specific set of files, you can use vscode's
A GUI to browse and restore restic backup repositories.
A simple, cross-platform restic backup GUI for browsing and restoring restic repositories. Built with Wails2, based on leaanthony's Restoric PoC. Down
โ โก Serverless v2/v3 plugin to add custom dependsOn to CloudFormation resouces.
serverless-custom-depends-on Serverless v2/v3 plugin to add custom dependsOn to CloudFormation resouces. What it does It helps you to add the "Depends
Extract CSS custom properties and a JavaScript config from Drupal's theme breakpoints
Drupal breakpoints to CSS To eliminate the need for different places for breakpoints and only maintain a single source of truth for those, this node_m
Custom endpoint to backup the PG database and upload the `.dump` to Directus.
Directus Backup Endpoint Custom Directus endpoint to backup Postgres database using pg_dump and upload the .dump file into Directus files. Usage Clone
Storybook Addon Root Attributes to switch html, body or some element attributes (multiple) at runtime for you story
Storybook Addon Root Attributes What is this This project was inspired by le0pard/storybook-addon-root-attribute The existing library received only on
Library for testing Solidity custom errors with Truffle/Ganache.
Custom Error Test Helper Library for testing Solidity custom errors with Truffle/Ganache. Installation npm install --save-dev custom-error-test-helper
My custom shareable eslint configs...
My shared dx Structure . โโโ packages โโโ eslint-config-bases Packages Name Description Version @belgattitude/eslint-config-bases Opinionated esl
Canvas-based JavaScript UI element implementing touch, keyboard, mouse and scroll wheel support.
pure-knob Initially a (circular) knob / dial control with mouse, wheel, touch and keyboard support, implemented in pure JavaScript. In addition, this
A little JavaScript plugin to generate PDF, XLS, CSV and DOC from JavaScript Object or DOM element only from the frontend!
๐ซ JavaScript Object to csv, xls, pdf, doc and DOM to html generator ๐ซ A little JavaScript plugin to generate PDF, XLS, CSV and DOC from JavaScript O
A tiny JavaScript library to easily toggle the state of any HTML element in any contexts, and create UI components in no time.
A tiny JavaScript library to easily toggle the state of any HTML element in any contexts, and create UI components in no time. Dropdown, navigation bu
Toaster is a Pure Javascript plugin for displaying toast notifications. It comes with different options e.g custom text or HTML message, duration, custom class, toggle close button, position, custom close icon and backgorund color.
Pure Javascript Toaster Requires Nothing Demo Toaster is a Pure Javascript plugin for displaying toast notifications. It comes with different options
A JavaScript library to shuffle the text content of a DOM element with an animated effect.
shuffle-letters.js A JavaScript library to shuffle the text content of a DOM element with an animated effect. NOTE: This library is a port to vanilla
Easy to use, Element Printing Plugin for jQuery
jQuery Print Plugin jQuery.print is a plugin for printing specific parts of a page Usage Include it in your HTML after importing jQuery, like: scrip
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 building custom text editors with ease ๐
A JavaScript Library for building custom text editors with ease Show your support! Scriptor.js This is a bare bone text editor library, meant to creat
Utilities to work with protocol handlers (like "vscode://") on the web.
Protocol Handlers Utilities to work with protocol handlers on the web. Why? While the Navigator API provides methods to .registerProtocolHandler() and
A jQuery plugin allowing you to scroll an image within a container element
jQuery Scroll Image Inside v0.1 A jQuery plugin allowing you to scroll an image within a container element Usage div id="window" img src="reall
A simple lightweight file dropzone component based on jQuery. You can easily make any existing element become a dropzone that holds files.
file-dropzone A simple lightweight file dropzone component based on jQuery. You can easily make any existing element become a dropzone that holds file
Theme Redone is a custom WordPress theme starter/framework with its own Gutenberg blocks solution and a CLI that speeds up the block creation process.
Theme Redone The Framework for Developing Custom WordPress Themes with its own Gutenberg Blocks creation solution. Theme Redone is a custom WordPress
Little Alpine.js plugin to add a typewriter effect to any HTML element.
โจ๏ธ Alpine Typewriter โจ๏ธ An Alpine.js plugin to add a typewriter effect to any HTML element. ๐ Installation CDN Include the following script tag in
A button to POST an emoji to an endpoint.
open-heart A button for the Open Heart Protocol. ๐ง Highly experimental. Tag a version to avoid unexpected changes. Usage !-- Include `OpenHeartEle
JavaScript micro-library: pass in an element and a callback and this will trigger when you click anywhere other than the element
Add a click listener to fire a callback for everywhere on the window except your chosen element. Installation run npm install @lukeboyle/when-clicked-
A component to quickly choose fonts from Google Web Fonts, custom fonts you (the web developer) provide, as well as system fonts.
Fontpicker jQuery Plugin A component to quickly choose fonts from Google Web Fonts, custom fonts you (the web developer) provide, as well as system fo
A jQuery plug-in to notify you of CSS, Attribute or Property changes in an element
selectWatch.js jQuery plug-in gives an opportunity to monitor changes of DOM element's CSS styles, attributes, properties, input element or select ele
A simple jQuery extension to make any HTML element sticky on scroll.
jquery.sticky.js A simple jQuery extension to make any HTML element sticky on scroll. Installation Just download the script and include it in your HTM
Pure JavaScript (VanillaJS) dropdown menu, with multiple select and searching support
JS Select Pure JavaScript (VanillaJS) dropdown menu, with multiple select and searching support How to use To use the select plugins, two main file mu
A Pure JavaScript Solution to create Tags Input Element.
JavaScript Tags Input Library Native JavaScript library to make Tags Input Element in DOM. There isn't any dependency for this library, add it straigh
Extends Bootstrap Tooltips and Popovers by adding custom classes. Available for Bootstrap 3 and Bootstrap 4.
Bootstrap Tooltip Custom Class Extends Bootstrap Tooltips and Popovers by adding custom classes. Available for Bootstrap 3 and Bootstrap 4. Define you
A JavaScript animation plugin for menus. It creates a div that moves when you mouse over an element, giving it an elastic animation.
Lava-Lamp Description: A JavaScript animation plugin for menus. It creates a div that moves when you mouse over an element, giving it an elastic anima
A lightweight jQuery custom scrollbar plugin, that triggers event when reached the defined point.
Scrollbox A lightweight jQuery custom scrollbar plugin, that triggers event when reached the defined point. Demo Page Table of contents Browser compat
๐ฆ Jump to local IDE source code while click the element of browser automatically
๐ Why When developing a React app, you have a lot of components in your app. Sometimes you may forget where the code is located that you want to edit
๐ค Tailwind CSS assistant helps you to edit classes (includes JIT & ignores purge), toggle breakpoint classes on an element and view current breakpoint
Tailwind CSS Assistant See it in action on this example website ๐ โ Small JavaScript package that helps you work with Tailwind CSS by... Showing you
Set of property utilities for Stitches with theme tokens support. Use the built-in utils, or easily build custom ones.
Stitches Mix Set of property utilities for Stitches with theme tokens support. Use the built-in utils, or easily build custom ones. Usage To import al
Custom shop plugins available in BDSX.
Custom shop Plugin Custom shop plugins available in BDSX. BDSX ์ปค์คํ ์์ ํ๋ฌ๊ทธ์ธ ์ฌ์ฉ๋ฒ ์ํฐํฐํํ ํ๊ทธ๋ฅผ ์ถ๊ฐํ์ฌ ์์ ์ ์ ์ํ ์ ์์ต๋๋ค. ์์ ์ ์ํฐํฐ๋ฅผ ๊ณต๊ฒฉํ์ฌ ์ด ์ ์์ต๋๋ค. ํ๊ทธ: shop[์์ดํ 1_ID
A free JavaScript plugin to create custom right click context menus.
CtxMenu (Javascript) A modern, light weight, object oriented solution for adding right click context menus for your website. demo Installation Downloa
Adds `long-press` event to the DOM in 1k of pure JavaScript
long-press-event A 1k script that adds a long-press event to the DOM using CustomEvent and pure JavaScript. Works in IE9+, Chrome, Firefox, Safari as
Share all your links with just one link 3
Sharing links was never this easy and beautiful Share all your profile links in just one link See the LIVE DEMO DEMO: Completely responsive and beauti
Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.
wired-elements ๐ wiredjs.com Wired Elements is a series of basic UI Elements that have a hand drawn look. These can be used for wireframes, mockups,
The Easel Javascript library provides a full, hierarchical display list, a core interaction model, and helper classes to make working with the HTML5 Canvas element much easier.
EaselJS EaselJS is a library for building high-performance interactive 2D content in HTML5. It provides a feature-rich display list to allow you to ma
An opinionated template for creating a custom element.
custom-element element An opinionated template for creating a custom element. Installation You can install custom-element with npm, Yarn or pnpm.
A custom element (web component) for the Vimeo player.
vimeo-video A custom element (web component) for Vimeo. The element API matches the HTML5 video tag, so it can be easily swapped with other media,
Use thirdweb's token, edition drop, and a custom contract using thirdweb deploy to build a Play-to-Earn game!
thirdweb Play-to-Earn Example This example project is a simple Play-to-Earn (P2E) game! The Idea The game is a "mining" game, where your character min
Lazyload images, iframes or any src* element until they are visible in the viewport.
Lazyload images, iframes or any src* element until they are visible in the viewport.
Waypoints is a library that makes it easy to execute a function whenever you scroll to an element.
Waypoints Waypoints is a library that makes it easy to execute a function whenever you scroll to an element. var waypoint = new Waypoint({ element:
Pin any element within a container
jQuery.pin Ever wanted to pin something to the side of a text? Ever needed a subtle sticky element to quietly hang around as you scroll down? Jquery.P
Custom events 'movestart', 'move' and 'moveend' for jQuery.
#jquery.event.move Move events provide an easy way to set up press-move-release interactions on mouse and touch devices. UPDATE 2.0: move events are n
zoom in on any element in the DOM
zoom.js Enables a minimal JS API for zooming in on specific points or DOM elements. Note that this is only a proof of concept so don't use it for anyt
A custom element that aims to make it easier to embed Spring '83 boards
spring-board element A custom element that makes it simple to embed Spring '83 boards! Usage If you are using spring-board in a client-side framew
Custom navigations for Solid written in Typescript. Implement custom page transition logic and โจ animations โจ
solid-custom-navigation Get, Set, Go! Custom navigations for Solid, written in Typescript. Implement custom page transition logic and โจ animations โจ .
Custom Vitest matchers to test the state of the DOM, forked from jest-dom.
vitest-dom Custom Vitest matchers to test the state of the DOM This library is a fork of @testing-library/jest-dom. It shares that library's implement
A web watermark SDK, support: custom watermark content and style, watermark encryption and decryption, watermark anomaly monitoring, etc.
English | ็ฎไฝไธญๆ 1. What is l-watermark๏ผ l-watermark is a web watermark SDK based on TS, which contains: Can cover more than scene watermarking method A
Base provides advanced Promise Queue Manager, Custom Console Logger and other utilities.
Base Base provides frequently used functionality like cutome logger, response helper, Custom Promise and Instance composer. These are used in almost a
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
Sample code for resizing Images with Lambda@Edge using the Custom Origin. You can deploy using AWS CDK.
Resizing Images with Lambda@Edge using the Custom Origin You can resize the images and convert the image format by query parameters. This Lambda@Edge
This is a custom recipe app called chefMaster. which contains a lot of interesting such as many apis requests, filter, search , add posts. Property design
In the project directory, you can run: npm start Runs the app in the development mode. Open http://localhost:3000 to view it in the browser. The page
little-planet Custom Element: interactive panorama viewer
little-planet This project is a Custom HTML Element (AKA Web Component) that renders an interactive view of a panoramic photo. Can be used with no J
Custom element (web component) for Video.js.
videojs-video A custom element (web component) for Video.js. The element API matches the HTML5 video tag, so it can be easily swapped with other m
Node.js package with a customized HTTP and HTTPS agents to prevent SSRF with hosts validations and custom DNS feature.
http-agent-dns This is a Node.js package with a customized HTTP and HTTPS agents to prevent SSRF with hosts validations with a possibility to use a cu
Custom Gutenburg blocks to add custom functionalities to your WordPress site. Brought to you by Arif Khan with 3
Gutpress(WordPress Gutenburg Block Plugin) Custom Gutenburg blocks to add custom functionalities to your WordPress site. Brought to you by Arif Khan w
an electron based custom client for the game kirka.io
Better-Kirka-Client A simple, yet performance-optimized and feature-rich kirka client This client features: Highly stable and outstanding performance
A custom element that helps save alienated player API's to bring back their true inner HTMLMediaElement API
A custom element that helps save alienated player API's to bring back their true inner HTMLMediaElement API
๐ 1 line of code to apply auto dark / light theme and support custom theme for your website. Super fast and lightweight theme library.
themes.js A super lightweight and fast Theme library with auto system color scheme detection in JavaScript. Features Auto detect Dark / Light mode by
A jQuery plugin to make your form controls look how you want them to. Now with HTML-5 attributes!
(jQuery) Uniform A jQuery plugin to make your form controls look how you want them to. Now with HTML-5 attributes! Works well with jQuery 1.6+, but we
Lying flat is a 20 NFT collection on a custom marketplace built on Zora's protocol
Lying flat is an NFT Marketplace powered by ZORA ๐ ๐ ๐ The codebase is open for everyone to use it as a boilerplate, customize it and deploy their
Custom alert box using javaScript and css. This plugin will provide the functionality to customize the default JavaScript alert box.
customAlertBoxPlugin Custom Alert Box Plugin Using JavaScript and CSS Author: Suraj Aswal Must Include CSS Code/Default Custom Alert Box Class: /* mus
serverless plugin to setup custom domain for lambdas deployed with function url.
serverless-aws-function-url-custom-domain Automatically creates AWS CloudFront distribution and Route 53 records to AWS Lambda with Function URL (no a
Custom Remix stack using Clerk for authentication and full user management.
New Wave Stack Learn more about Remix Stacks. For more on our thoughts on the New Wave Stack check out our blog post. To view this template in deploym
Dashboards-maps is a frontend plugin that helps you in uploading custom GeoJSON to OpenSearch and communicates with the geospatial backend plugin for the same.
Welcome! Project Resources Code of Conduct License Copyright Dashboards-Maps Dashboards-maps is a frontend plugin that helps you in uploading custom G
Supercharge Notion with custom commands to record, draw, and more โ๏ธ
Slashy Supercharge Notion with custom commands to record, draw, and more โจ Slashy is an open source extension that lets you create custom commands for
Automatically scrolls the element when the cursor approaches the boundaries.
react-tiny-autoscroll Automatically scrolls the element when the cursor approaches the boundaries. Demo Mostly helpful when used in combination with d
Create your own custom NFT minting page using thirdweb's NFT Drop contract
Customizable NFT Drop Minting Page In this example, you can create your own NFT Drop minting page just by customising the template with your branding,
๐ Universal Media Library as a web component.
Kondonizer Kondonizer is a custom element (a native HTML tag) that can be integrated in any frontend code. It displays a media library based on a Medi
Ready to manipulate partitions file? Create a custom partition, apply custom security system, hide the partition and share your hidden data on the www
Paranoia ๐ Ready to manipulate partitions file? Create a custom partition, apply custom security system, hide the partition and share your hidden dat
Clone of the Fallout hacking mini-game, rendered into a browser canvas.
kodenkel-fo-hacking Clone of the Fallout hacking mini-game, rendered into a browser canvas. You can try it out at: https://www.kodenkel.com/games/fo-h
Use Cloudflare Pages Functions as a reverse proxy with custom domain support.
cf-page-func-proxy Use Cloudflare Pages Functions as a reverse proxy with custom domain support. Getting Start 1.ไธ่ฝฝๆๆฏForkๆฌไปๅบ 2.ไฟฎๆน_worker.jsไธญ็url.hostn
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
Data Manipulation Form panel plugin for @grafana.
Data Manipulation Form panel plugin for Grafana Introduction The Data Manipulation Form Panel is a plugin for Grafana that can be used to insert, upda
A minimalistic card for Home Assistant Lovelace UI which shows how many days it has been between any input_datetime and today.
Datetime Card A minimalistic card for Home Assistant Lovelace UI which shows how many days it has been between any input_datetime and today. Useful to