427 Repositories
JavaScript custom-elements-json 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
Add aliasing support to Vite from tsconfig.json or jsconfig.json files
Config to Alias Config to Alias adds aliasing support to Astro, JavaScript, TypeScript, and CSS files. Usage Install Config to Alias. npm install @ast
Discover a vast library of open-source Tailwind CSS components and Mobile UI design elements ๐
SundarUI ๐ Discover a vast library of open-source Tailwind CSS components and Mobile UI design elements ๐ What is SundarUI? Sundar UI is a library o
Syntax highlight using VSCode's json/plist as is.
WIP dps-vsctm.vim Syntax highlight using VSCode's json/plist as is. Requirements denops.vim Usage First, the grammar definition file must be placed in
Cross-platform 2D editor that saves scenes to json
Webber's Map Editor 2D Load or create a new map Select your sprites' folder (recursively). Drag your sprites to the canvas to create instances. On the
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
Vite plugin to client bundle i18next locales composited from one to many json/yaml files from one to many libraries. Zero config HMR support included.
vite-plugin-i18next-loader yarn add -D vite-plugin-i18next-loader Vite plugin to client bundle i18next locales composited from one to many json/yaml f
Find duplicate object values of your JSON files (VSCode Extension)
JASON Lint VS Code Extension Make your life easier, use this extension to defeat the horror of duplicate values from your JSON files. Very useful when
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 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
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
Multi-platform node package bundle to a package.json.
dmpc Multi-platform node package bundle to a package.json. install ### npm mode npm i -g @kingsword/dmpc ### yarn mode yarn global add @kingsword/dmp
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]
In this project, I implement a Simple To Do List with the CRUD (create, read, update, delete) methods. All the elements of the user interface are fully functional.
To Do list: add & remove In this project, I implement a Simple To Do List with the CRUD (create, read, update, delete) methods. All the elements of th
In this project, I built a to-do list app, which is inspired by the minimalist website. Build withHTML/CSS & JavaScript best practices: Correct use of tags, elements, properties and syntax.
Webpack Exercise In this project, I built a to-do list app, which is inspired by the minimalist website. Built With HTML/CSS & JavaScript best practic
Project of "Web Development" course for the Bachelor's degree in Computer Engineering, taken at the University of Pisa. Final evaluation: 30/30.
La battaglia della Meloria Welcome! This is the ๐ฌ๐ง version of the README file. Click here for ๐ฎ๐น version. Introduction Historical reinterpretation
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
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
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?
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
Create a deep copy of a set of matched elements with the dynamic state of all form elements copied to the cloned elements.
jq-deepest-copy FUNCTION: Create a deep copy of a set of matched elements while preserving the dynamic state of any matched form elements. Example Use
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
jQuery plugin to allow dragging and dropping of elements and sorting of lists and other nested structures.
Drag and Drop Basic jQuery plugin to allow drag and drop: dragging dropping of dragged elements sorting of lists and other nested html structures (ul,
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 Svelte parser that compiles to Mitosis JSON, allowing you to write Svelte components once and compile to every framework.
Sveltosis Still in development A Svelte parser that compiles to Mitosis JSON, allowing you to write Svelte components once and compile to every framew
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
Logic programming with JSON.
Cicada Whereabouts Logic programming with JSON. I asked the boy beneath the pines. He said, "The masterโs gone alone Herb-picking, somewhere on the mo
Learn how to set up Supabase auth for both the frontend and backend of your application using a JWTโ-โJSON web token.
Supabase auth, frontend + backendโ-โexample with Next.js Learn how to set up Supabase auth for both the frontend and backend of your application using
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
๐พ Read/Write Figma Files as JSON
Figma To JSON ๐พ A set of tools to programatically work with Figma files as JSON. You can use these to read and write your own figma documents without
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
Raaghu is a micro frontend design system for modern web apps
Raaghu is a micro frontend design system for modern web apps, which is an open source, Bootstrap 5.x enabled collection of reusable elements and components guided by clear standards, capable of giving the designers the necessary tools to develop beautiful, responsive and engaging product experiences. Single source of truth for truly scalable and consistent UI language for your application.
Get the best meals - JavaScript capstone project
Get the best meals - JavaScript capstone project Project in which you can give likes, comment on and reserve your best meals. Build using Test Driven
A GitHub action to generate a stackaid.json file based on your repository's dependency graph
generate-stackaid-json A GitHub action to generate a stackaid.json file based on your repository's dependency graph This action is primarily intended
A repository to generate the fake json data from protobuf.
Mock Protobuf A command-line tool to mock protobuf! Table of Contents Install Usage Generate Mock Data Mock Server Mock Server Data Filter Include Fil
List of jokes in English and Indonesian ๐
Jokes API Jokes API is a simple REST API for showing a list of jokes in English and Indonesia๓ ง๓ ข. When to use โจ Jokes API is a free online REST API t
โ โก 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
Dynamic form elements generate with jQuery
Demo Advance Form Demo. Basic Form Demo. script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"/script script src="https:/
Fast API for getting moroccan cities and their districts in json format.
Fast API for getting moroccan cities and their districts in json format built with Usage The number of requests per user is limited to 100 req/min Lis
An automated tool help you to transform backend json data to TypeScript type.
ohmyts An automated tool help you to transform backend json data to TypeScript type. Quick Start Vite install npm i @ohmyts/vite -D ๐คฝ playground play
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
CRUD de productos basado en el ORM sequelize y el login y el registro usando archivo en formato JSON.
Desarrollo de una aplicaciรณn muy sencilla, utilizando diferentes recursos ofrecdos por Node.JS. Aquรญ puedes encontrar : Login - Registro - Administraciรณn de productos completamente funcionales) Recursos utilizados: Middleware - Express validator - Validaciones del lado del Front-End - y del Back-End - Sessiรณn - Cookies - Multer, entre otros)
VSCode extension to paste text as a string array
VSCode extension to paste text as a string array. This is useful when copying command line into launch.json args
A high-resolution local database that uses precise algorithms to easily record data in local files within a project with persistent JSON and YAML support designed to be easy to set up and use
About A high-resolution local database that uses precise algorithms to easily record data in local files within a project with persistent JSON and YML
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
Sort tailwind classes for each elements className list by a given order-config
eslint-plugin-tailwind-classname-order This eslint plugin automatically orders the tailwind classes included in the className tags from each element b
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 JavaScript library allowing the creation of manually resizable div elements.
Resizable.js A JavaScript library allowing the creation of resizable html divs. Try the live demo! Setup Link to both resizable.js and resizable-style
Create a HTML table from JSON that can be sorted, selected, and post-processed using a simple callback.
Tidy Table Create a HTML table from JSON that can be sorted, selected, and post-processed using a simple callback. Features Extensible HTML/CSS interf
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 library for panning and zooming elements using CSS transforms :mag:
Panzoom Examples Panzoom is a small library (~3.7kb gzipped) to add panning and zooming functionality to an element. Rather than using absolute positi
Fast File is a quick and easy-to-use library to convert data sources to a variety of options.
Fast File Converter The Express.js's Fast File Converter Library Fast File Converter Library is a quick and easy-to-use library to convert data source
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
Validate your Markdown frontmatter data against a JSON schema โ remark-lint rule plugin
remark-lint-frontmatter-schema Validate Markdown frontmatter YAML against an associated JSON schema with this remark-lint rule plugin. Supports: Types
๐ฒ Extract one or more random elements from a weighted array (aka loot table or gacha)
wrand Extract one or more random elements from a weighted array. const items = [ { original: "Bronze", weight: 20 }, { original: "Silver", weight:
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 JSON/ICS represenation of the Hack Club Assemble Run of Show Google Sheet
Assemble Calendar Assemble's Run of Show was planned on a Google Sheet. It's amazing for large-scale planning and visualizing everyone's schedules. Ho
Random Fractals stash of Observable Data Tools ๐ ๏ธ and Notebooks ๐ in ES Modules .js, .nb.json, .ojs, .omd, .html and .qmd document formats for Data Previews
Random Fractals stash of Observable Data Tools ๐ ๏ธ and Notebooks ๐ in ES Modules .js, .nb.json, .ojs, .omd, .html and .qmd document formats for Data Previews in a browser and in VSCode IDE with Observable JS extension, Quarto extension, and new Quarto publishing tools.
โฌ Fetch the most up-to-date ABI of verified Smart Contracts (including proxy implementations) from Etherscan in seconds!
etherscan-abi โฌ ๐ Fetch the most up-to-date ABI of verified Smart Contracts (including proxy implementations) from Etherscan in seconds! Usage CLI Fe
Lightweight and easy to use vanilla js library to add css animations to elements on scroll.
Scrollrisen Trigger css animations on scroll as elements enter the viewport. Zero dependencies, lightweight and easy to use and customize Installation
Merge multiple JSON files - Vanilla JavaScript and HTML (graphic mode: browser+explorer)
JSON Merger Usage First, git clone project git clone https://github.com/mtacnet/json-merger.git Move to cloned repository and open generate.html with
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
Simple modern JavaScript ES6 library that fetches JSON data into an HTML table which displays nicely within a Bootstrap 4 Card.
Simple modern JavaScript ES6 library that fetches JSON data into an HTML table which displays nicely within a Bootstrap 4 Card. Uses simplenotsimpler/modern-table library.
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
A RESTful API for Bing wallpaper to use easy.
bing-wallpaper A RESTful API for Bing wallpaper to use easy. img src="https://bingw.jasonzeng.dev/?w=800"/ Usage API Endpoint: https://bingw.jasonze
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
Generate a zodios (typescript http client with zod validation) from an OpenAPI spec (json/yaml)
openapi-zod-client Generates a zodios (typescript http client with zod validation) from a (json/yaml) OpenAPI spec (or just use the generated schemas/
Visualize and download JSON / YAML content
Graphize ๐ Visualize and download JSON / YAML content in your browser Demo Key Features Preview your JSON / YAML documents instantly Pinch / Scroll Z
Easy server-side and client-side validation for FormData, URLSearchParams and JSON data in your Fresh app ๐
Fresh Validation ๐ โโโ Easily validate FormData, URLSearchParams and JSON data in your Fresh app server-side or client-side! Validation Fresh Validat
A lightweight JavaScript utility to fade elements in and out of view on page scroll.
ScrollFade ScrollFade is used to fade elements in and out of view while scrolling through a page. Tag any elements you want to fade with the class scr
An easy-to-use JavaScript library aimed at making it easier to draw on SVG elements.
svg-pen-sketch An easy-to-use JavaScript library aimed at making it easier to draw on SVG elements when using a digital pen (such as the Surface Pen).
โ๏ธ A small jQuery extension to turn a static HTML table into an editable one. For quickly populating a small table with JSON data, letting the user modify it with validation, and then getting JSON data back out.
jquery-editable-table A small jQuery extension to turn an HTML table editable for fast data entry and validation Demo ๐ https://jsfiddle.net/torrobin
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
javascript library to convert a list of objects to a nested json output format, depending on the names in the list
formToNestedJson javascript "library" to convert a list of objects to a nested json output format, depending on the names in the list Basic usage Give
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
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 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
The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 5 support
bootstrap-select The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with
A vanilla-js module for adding zoom-on-wheel and pan-on-drag behavior to inline SVG elements.
svg-pan-zoom-container A vanilla-js module for adding zoom-on-wheel and pan-on-drag behavior to inline SVG elements. No need to write scripts. Just ma
Converts select multiple elements into dropdown menus with checkboxes
jquery-multi-select Converts select multiple elements into dropdown menus with a checkbox for each option. The original select element is hidden
Build forms from JSON Schema. Easily template-able. Compatible with Bootstrap 3 out of the box.
JSON Form The JSON Form library is a JavaScript client-side library that takes a structured data model defined using JSON Schema as input and returns
Javascript library for switching fixed elements on scroll through sections. Like Midnight.js, but without jQuery
Library for Switching Fixed Elements on Scroll Sometimes designers create complex logic and fix parts of the interface. Also they colour page sections
A javascript library to animate elements on scroll page events
ScrollJS by Sam Sirianni ScrollJS is a library written in Javascript. With ScrollJS you can animate elements on scroll events. Visit the ScrollJS webs
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
Small library for making box selections on HTML elements in JavaScript
Box Selection Small JavaScript library for making box selections on HTML elements. Makes use of CSS transforms so there is no paint flashing. Installa
โ๏ธ JSON serialization should never fail
โ๏ธ JSON serialization should never fail. Features Prevent JSON.serialize() from: Throwing Changing types Filtering or transforming values unexpectedly
Types generator will help user to create TS types from JSON. Just paste your single object JSON the Types generator will auto-generate the interfaces for you. You can give a name for the root object
Types generator Types generator is a utility tool that will help User to create TS Interfaces from JSON. All you have to do is paste your single objec
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
Tracing the easy way using JSON.
MikroTrace Tracing the easy way using JSON. JSON tracer that tries to emulate OpenTelemetry semantics and behavior. Built as a ligher-weight way to ha
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
Configure Wrangler in the format of your choice.
wjson โจ Configure Wrangler in the format of your choice. โจ Installation npm i -D @darkflare/wjson Usage (CLI) Run the below command and wjson will aut
Resurrection of mediagroup / MediaController (renamed) which can be used to sync and control multiple audio / video elements.
media-group (examples) Resurrection of the mediagroup attribute and MediaController API (but renamed) which can be used to sync and control multiple a
Resurrection of mediagroup / MediaController (renamed) which can be used to sync and control multiple audio / video elements.
media-group (examples) Resurrection of the mediagroup attribute and MediaController API (but renamed) which can be used to sync and control multiple a