200 Repositories
JavaScript dom-utilities Libraries
The best Blooket hacks on the platform! These hacks are always working, all gamemode hacks work and will be fixed when broke.
Support Discord Server: https://discord.gg/UCHtVM4A Blooket Hack The Blooket Hack provided by Jude Why you should use this tool: Always working. When
VSCode Extension & utilities for exploring TypeScript type information
ts-type-explorer VSCode Extension & utilities to explore type information in TypeScript projects. Installation Check out the releases page to download
A lightweight function that executes callback when we see specific DOM elements.
did-i-see A lightweight function that executes callback when we see specific DOM elements. Built with IntersectionObserver. 🔴 Demo: https://did-i-see
Zod utilities for Remix loaders and actions.
Zodix Zodix is a collection of Zod utilities for Remix loaders and actions. It abstracts the complexity of parsing and validating FormData and URLSear
TSServer plugin & Utilities for "expanding" TypeScript types
ts-expand-type This repo provides a TS Server plugin which amends quick info to include the fully "expanded" type. "Expanded" means that object inters
Opinionated collection of TypeScript definitions and utilities for Deno and Deno Deploy. With complete types for Deno/NPM/TS config files, constructed from official JSON schemas.
Schemas Note: You can also import any type from the default module, ./mod.ts deno.json import { type DenoJson } from "https://deno.land/x/[email protected]
Awesome Books project : An online Book Library. Storing book information using local storage and displaying it as a list on HTML page
This is project is my based on building an online Book Library. Storing book information using local storage and displaying it as a list on html page
This is a basic app that allows user add/remove books from a list of books. It was created by using JavaScript arrays and objects to dynamically modify the DOM.
Awesome-Books This application lets you compile a dynamic collection of books using JavaScript. It is a single page app. You enter your book title & a
Incredible resources (with links) to help up-skill yourselves on various fields. Resources like programming, designing, engineering and much more and completely Open Source.
Shiryoku Incredible resources (with links) to help up-skill yourselves on various fields. Resources like programming, designing, engineering and much
A simple todo list app written in javascript and html with basic CSS styling This project makes use of webpack to bundle the code. I implemented 3 functionalities on the this project namely: Add task edit task delete task using Js
My To-Do List A simple todo list app written in javascript and html with basic CSS styling This project makes use of webpack to bundle the code. I imp
Utilities that make Misskey useful.
How to Install Download the Zip file. Extract the downloaded Zip file. Open a Chrome compatible browser (e.g. Chrome, Edge, Brave, Chromium) and go to
Add class(es) to DOM elements while waiting for async action. Promise or callback.
jquery.loading Add class(es) to DOM elements while waiting for async action. Promise or callback. Install The simplest way is to include loading.js in
A pure javascript class for paginating through any number of DOM elements
PurePajinate A pure javascript class for paginating through any number of DOM elements. Inspired by Pajinate, a plugin for jQuery. Options Option Type
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
A JavaScript library to watch the DOM changes in a single callback
watchmydom A Javascript library to watch the DOM changes in a single callback Demo Click here to see the detailed demo. Download Minified script file
A powerful and simple JavaScript library provides a history for undo/redo functionality. Just like a time machine! 🕐
UndoRedo.js A powerful and simple Javascript library provides a history for undo/redo functionality. Just like a time machine! 🕐 Installation: Node.j
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
🥽 VR Sleeping Utilities
A collection of utilities to assist with sleeping in virtual reality This is the main repository for Oyasumi. It is an open source tool to assist with
Provides event handling and an HTMLElement mixin for Declarative Shadow DOM in Hotwire Turbo.
Turbo Shadow Provides event handling and an HTMLElement mixin for Declarative Shadow DOM support in Hotwire Turbo. Requires Turbo 7.2 or higher. Quick
Basic website that allows users to add/remove books from a list. Achieved using JavaScript objects and arrays, dynamically modifying the DOM and adding basic events.
Awesome Books Basic website that allows users to add/remove books from a list. Achieved using JavaScript objects and arrays, dynamically modifying the
Experience Lab is a set of utilities that assist in creating instances of Microsoft Energy Data Services, performing data loads, and performing basic management operations.
Experience Lab - Microsoft Energy Data Services Build Status About Experience Lab is an automated, end-to-end deployment accelerator for Microsoft Ene
Web application that manages your sales team efficiently.
Sales Incentive Management System Overview • Entities • APIs • Demo • Application Properties • Development • Build Overview Problem Statement Creating
Utilities library built on top of Next.js providing feature extensions and helpers for common patterns
nextjs-utilites This library provides many helpful utilities for use in Next.js projects. Prerequisites This project requires NodeJS (version 8 or lat
A collection of utilities I use when making vanilla js applications. A mini-framework if you will.
R2.js A collection of utilities I use when making vanilla js applications. Installation Copy ./r2.js over to your project. It small. Do wtf u want wit
A plugin that provides utilities for extended backgrounds and borders.
tailwindcss-full-bleed A plugin that provides utilities for extended backgrounds and borders. Demo Installation Install the plugin from npm: npm insta
jQuery-plugin for add/remove dom-items with renaming form-elements (arrays)
dynamicrows jQuery-plugin for add/remove rows by cloning existing row / renaming form-elements (arrays). Requirements jQuery =2.0 if move-action used
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 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
Unopinionated utilities for resizeable split views
Split Unopinionated utilities for resizeable split views. Zero Deps Tiny: Each is between 1-2kb gzipped. Fast: No overhead or attached window event li
Colorful shadows for your images. 🎨
cosha Colorful shadows for your images. 🎨 cosha lets you add colorful shadows to your images. Try it out and look for yourself—it really couldn't be
Fully-typed utilities for defining, validating and building your document head
zhead Typed utilities for defining, validating and building best-practice document head's. Status: Pre-release Please report any issues 🐛 Made poss
A DOM-merging algorithm
Idiomorph Idiomorph is a javascript library for morphing one DOM tree to another. It is inspired by other libraries that pioneered this functionality:
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
Minimally viable DOM Document implementation for NativeScript.
DOMiNATIVE Minimally viable DOM Document implementation for NativeScript NOTE THIS IS STILL EXPERIMENTAL. Installation Via npm: npm install dominative
Movie application consuming The Movie DB's API
Movie application consuming The Movie DB's API
Utility functions for iterators. Inspired by Rust's `std::iter::Iterator` trait.
iter-funcs About Utility functions for iterators. Inspired by Rust's std::iter::Iterator trait. This library uses JavaScript native iterators, so it's
Awesome-book is an online library website where a user can store a collection of books. Different book can be added and removed. Built with JavaScript using Dom
Awesome-book Description Awesome-book is an online library website where a user can store a collection of books. Differents book can be added and remo
Million is a lightweight (1kb) Virtual DOM. It's really fast and makes it easy to create user interfaces.
🎦 Watch Video 📚 Read the docs 💬 Join our Discord What is Million? Million is a lightweight (1kb) Virtual DOM. It's really fast and makes it easy t
Tiny js library to make DOM elements movable and resizable .
resizedrag.js Tiny js library to make DOM elements movable and resizable . Demo Here . This library has added resizing functionalities to the existing
A Javascript library to export svg charts from the DOM and download them as an SVG file, PDF, or raster image (JPEG, PNG) format. Can be done all in client-side.
svg-exportJS An easy-to-use client-side Javascript library to export SVG graphics from web pages and download them as an SVG file, PDF, or raster imag
A collection of framework specific Cache utilities for working with Supabase.
supabase-cache-helpers A collection of framework specific Cache utilities for working with Supabase. Supabase Launch Week Hackathon 5 Submission Team
🖱 A JavaScript library for interactively picking DOM elements
pick-dom-element A JavaScript library (written in TypeScript) for interactively picking DOM elements. Usage Create an instance of the ElementPicker cl
Necktie – a simple DOM binding tool
👔 Necktie – a simple DOM binding tool Necktie is a library that binds your logic to the Document Object Model elements in an easy way. It has only ~3
Svultimate Svelte(Kit) Svutilities
/svu /svu is a collection of Svelte(Kit) utillities that make developing webapps even more easy and fun. Read the docs at http://svu.vercel.app Why Sv
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
An open-source Typing-effect Library, That enables potential users to add a typing effect to mere DOM Elements.
Typing Effect Library An open-source Typing-effect Library I created. That enables potential users to add a typing effect to mere DOM Elements. Tool P
A work-in-progress HTML sanitizer that strives for: performance like window.Sanitizer, readiness like DOMPurify, and ability to run in a WebWorker like neither of those.
Amuchina A work-in-progress HTML sanitizer that strives for: performance like window.Sanitizer, readiness like DOMPurify, and ability to run in a WebW
This project will be a basic website that allows users to add/remove books from a list. The main objective is to understand how to use JavaScript objects and arrays and dynamically modify the DOM and add basic events.
Awesome-books Awesome Books This project will be a basic website that allows users to add/remove books from a list. This project is part of the Microv
A collection of opening hours-related utilities.
Opening-Hours-Utils A collection of opening hours-related utilities. tl;dr Install by executing npm install @wojtekmaj/opening-hours-utils or yarn add
A set of utilities and additional features for my creative coding class aiming to help students while introducing the algorithmic thinking.
p5.utils A set of utilities and additional features for my creative coding class aiming to help students while introducing the algorithmic thinking. T
A super tiny Javascript library to make DOM elements draggable and movable. ~500 bytes and no dependencies.
dragmove.js A super tiny Javascript library to make DOM elements draggable and movable. Has touch screen support. Zero dependencies and 500 bytes Gzip
JavaScript library to resize, reduce, or change ranges of DOM elements.
Range.js JavaScript library to resize, reduce, or change ranges of DOM elements using the HTML5 input type="range" element. Usage: Include range.js
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
Lightweight basic CSS style sheets.
Styled CSS Base Lightweight basic CSS style sheets. If you get tired of setting up a comprehensive styling scaffold, you may try returning back to thi
🛠️ A simple GUI of Ethereum tools and utilities for debugging
Ethereum DevTools GUI A simple GUI of Ethereum tools and utilities for debugging Demo https://lab.miguelmota.com/ethereum-devtools Tools ABI viewer sh
An extension of DOM-testing-library to provide hooks into the shadow dom
Why? Currently, DOM-testing-library does not support checking shadow roots for elements. This can be troublesome when you're looking for something wit
Minimalist Virtual DOM library with JSX and factory pattern for stateful components.
Reflex Reflex JS is a tiny virtual-dom library with factory based functional components. See this example running See more complex demos Table of cont
Screenshots with JavaScript
html2canvas Homepage | Downloads | Questions JavaScript HTML renderer The script allows you to take "screenshots" of webpages or parts of it, directly
Generates an image from a DOM node using HTML5 canvas
DOM to Image What is it dom-to-image is a library which can turn arbitrary DOM node into a vector (SVG) or raster (PNG or JPEG) image, written in Java
Domvas implements the missing piece that connects the DOM and Canvas.
Domvas Overview Domvas implements the missing piece that connects the DOM and Canvas. It gives to the ability to take arbitrary DOM content and paint
📃 Fold up DOM elements like paper
OriDomi Fold up DOM elements like paper Dan Motzenbecker, MIT License @dcmotz Visit oridomi.com for examples, documentation and notes. Read the annota
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
CSS classes to move your DOM!
CSShake Some CSS classes to move your DOM! Live Demo Download Center You could download the complete csshake.css file or separated files for each shak
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
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
Schema validation utilities for h3, using typebox & ajv
h3-typebox JSON schema validation for h3, using typebox & ajv. Install # Using npm npm install h3-typebox # Using yarn yarn install h3-typebox # Usi
🍺 Integrates Laravel Pint into your VSCode projects for automatic code formatting
Laravel Pint for VS Code This extension is NOT official from the Laravel team. Take a look into the official project. Integrates Laravel Pint into you
front-end framework for fast and powerful configuration of utilities and intuitive UI
front-end framework for fast and powerful configuration of utilities and intuitive UI Getting Started with Vector → Getting started A variety of optio
Some of the utilities I made to facilitate me while using PhysicsWallah's website.
PWUtils Some of the utilities I made to facilitate me while using PhysicsWallah's website. Documentation Dark Mode KeyConVP PWRpc Downloader Dark Mode
📸 Generate image using HTML5 canvas and SVG
egami → image README | 中文文档 Generate image using HTML5 canvas and SVG Fork from html-to-image Installation pnpm pnpm add egami npm npm i egami Usage i
front-end framework for fast and powerful configuration of utilities and intuitive UI
front-end framework for fast and powerful configuration of utilities and intuitive UI Getting Started with Vector → Getting started A variety of optio
Simple, Fast, Secure, Flat-File CMS
Bludit Simple, Fast and Flexible CMS. Bludit is a web application to build your own website or blog in seconds, it's completely free and open source.
HanAssist - Utilities to ease Chinese variant handling in user scripts and gadgets.
HanAssist 代码文档 HanAssist 是帮助中文维基百科及其他 MediaWiki 网站上的用户脚本和小工具更优雅地处理中文变体消息的实用程序。 本程序的目标是取代wgULS()和wgUVS()小工具。 HanAssist.localize( { hans: '一天一苹果,医生远离我。'
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
LiveJSON provides LiveView-like updating for JSON objects rather than DOM elements.
live_json LiveJSON provides LiveView-like updating for JSON objects rather than DOM elements. It works within your existing LiveViews - just use push_
🗿 Surreal - Hyper minimalist jQuery alternative
🗿 Mini jQuery alternative for devs who 💙 ergonomics. Use direct elements or arrays transparently! Locality of behavior (LoB) using me()! It's vanilla querySelector but better!
💎 Polish for the rough parts of TypeScript
Emery 💎 Polish for the rough parts of TypeScript. TypeScript is great but there's parts that are still rough around the edges, especially for develop
Utilities for parsing and manipulating LaTeX ASTs with the Unified.js framework
unified-latex Monorepo for @unified-latex packages. These packages provide a JS/TypeScript interface for creating, manipulating, and printing LaTeX Ab
💊 Event-driven DOM programming in a new style
Capsule v0.5.3 Event-driven DOM programming in a new style Features Supports event-driven style of frontend programming in a new way. Supports event d
Search/Filter beer for beerpong
Beer for Beerpong 🍺 You can search beer to play beer pong 🍻 🏓 You sink it, they drink it LINK Technologies 🚀 React React Router Dom Beer Animation
🧩 TypeScript utility type in order to ensure to return only properties (not methods) containing values in primitive types such as number or boolean (not Value Objects)
🧩 TypeScript Primitives type TypeScript utility type in order to ensure to return only properties (not methods) containing values in primitive types
Utilities for auto-translating the Tera DataCenter based on XML files
xml-dc-translator Requires latest version of node.js, download here: https://nodejs.org/. Utility for auto-translating the Tera DataCenter based on XM
🤠 Functional utilities using object property paths with wildcards and regexps 🌵
🤠 Functional utilities using object property paths with wildcards and regexps. 🌵 Available functional methods include: 🗺️ Mapping: map() 🚂 Merging
Keep track of the movies you've watched and create your own movies lists!
Cinematek Keep track of the movies you've watched and create your own movies lists! All the movies informations are provided by The Movie Database Dep
Small utilities for big decimal numbers.
dnum dnum (Decimal Numbers) is a library that allows to operate on large numbers represented as a pair composed of a BigInt for the value, and a Numbe
An application that allow users to manage their daily task.
An application that allow users to manage their daily task. They can add and delete a specific task, and even delete all those which already completed buiilt with JavaScript, webpack and experiments with Jest as a unit testing framework
Fast & tiny DOM differ
swapdom Fast & tiny DOM swapper. import swap from './swap-inflate.js' swap(parentNode, oldNodes, newNodes, endNode) swap-deflate.js strategy is small
A simple library that I use for web scraping. Uses htmlparser2 to parse dom.
Docpa A simple library that I use for web scraping. Uses htmlparser2 to parse dom. Usage const Docpa = require("docpa") const doc = new Docpa(`html
🗜️ AstroJS compression utilities. Compress CSS, HTML, JavaScript and more.
astro-compress 🗜️ This Astro integration brings compression utilities to your Astro project. csso html-minifier-terser terser Installation There are
An app to manage tasks. A user can add, delete and edit a task and mark it as completed, It uses simple GUI and relies on DOM manipulation in pure JS and using local storage.
An app to manage tasks. A user can add, delete and edit a task and mark it as completed, It uses simple GUI and relies on DOM manipulation in pure JS and using local storage.
A collection of Discord hacks & exploits that is completely made using NodeJS.
ZeroDiscord A collection of Discord hacks & exploits that is completely made using NodeJS Before using any of these tools First off, all of the tools
A suite of utilities to add more features to the details element.
A suite of utilities to add more features to the details element.
Collection of SEO utilities like sitemap, robots.txt, etc. for a Remix Application
Remix SEO Collection of SEO utilities like sitemap, robots.txt, etc. for a Remix Features Generate Sitemap Generate Robots.txt Installation To use it,
A collection of framework specific Auth utilities for working with Supabase.
A collection of framework specific Auth utilities for working with Supabase.
A plugin that provides utilities for animation property.
tailwindcss-animation-property A plugin that provides utilities for animation property. Not only does the plugin provide the usual animation propertie
Extended magic-string with extra utilities
DEPRECATED. It has been ported back to magic-string = 0.26.0 magic-string-extra Extended Rich-Harris/magic-string with extra utilities. Install npm i
Utilities for meta-level interactions with the Prisma toolkit in Node.js.
@prisma-spectrum/reflector Utilities for meta-level interactions with the Prisma toolkit in Node.js. ⚠️ Warning: This is not a formal Prisma product l
🪐 Ultralight Cosmos utilities for JS and TS
Essential Cosmos Ultralight Cosmos utilities for JS and TS 🏎 The TINIEST code size possible ʦ Fully typed with TypeScript (also works with JavaScript
Small library to accomplish common tasks in Svelte/SvelteKit
svelte-utilities svelte-utilities is a small utilities library for Svelte/SvelteKit that provides features I use in almost every project, such as: Laz
A Tailwind plugin that allows to create multiple groups utilities such as group-card or group-1 and works with Tailwind 3 features and all variations.
Tailwind Labeled Groups A plugin that allows to create multiple groups utilities such as group-card or group-1 and works with Tailwind 3 features and