212 Repositories
JavaScript set-height-elements Libraries
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
π₯ Set up your new Solid component library in seconds!
Create Solid Library Create SolidJS libraries with ease! Usage npx create-solid-library name Development Developing components is often a visual pro
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
In this project I'll use Asynchronous Javascript to call an API and set the leaderboard of the best players.
Leaderboard Project In this project I'll use Asynchronous Javascript to call an API and set the leaderboard of the best players. The main goals of thi
Nuxt-Module, that provides a system to set shopware cache-tags for later use in e.g. a full-page cache
nuxt-shopware-caching Nuxt-Module, that provides a system to set shopware cache-tags for later use in e.g. a full-page cache. This module is meant to
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
Mekna'7, a subsidiary of the ONCF group, which provides bus services to cities not served by train, needs to set up a computer system by creating a database for managing customer reservations.
Online-bus-ticket-reservation Introduction Hello everyone, this is a project that I have done for assignment. This project is a simple online bus tick
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
App that receives data from a microcontroller that is set up at your electricity meter, which at certain intervals will send an image to be processed, this then gets sent to a Python instance which will get the data read from the image. That data gets sent back and will be saved to the account this meter belongs to. This gives you the ability to track your currently analog meter in a digtal environment.
Usage App Server About this project App that receives data from a microcontroller that is set up at your electricity meter, which at certain intervals
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 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,
a quick lil project to help you set ens avatars.
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
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
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
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.
A NestJS module that allows you use Prisma, set up multiple Prisma services, and use multi-tenancy in each Prisma service.
NestJS Prisma Module Installation To use this package, first install it: npm i @sabinthedev/nestjs-prisma Basic Usage In order to use this package, yo
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:/
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
What does the Cosmos Hub validator set looks like without ICF delegations?
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
SET Revision is a website to help you identify "sets" in the card game SET.
Welcome to SET Revision! SET Revision is a website to help you identify "sets" in the card game SET. The code in this repository is aimed for learners
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
A JavaScript plugin that provides snapping functionality to a set of panels within your interface.
PanelSnap A JavaScript library that provides snapping functionality to a set of panels within your interface. Introduction PanelSnap is a framework ag
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
π² 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:
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
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 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 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
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
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
A set of scripts to test markdown processing speeds in various site generators/frameworks
bench-framework-markdown A set of scripts to test markdown processing speeds in various site generators/frameworks. Read the blog post: Which Generato
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
It's a set of common utility strategies to work with responsive styles with Flutter and CSS in JS
@skynexui/responsive_stylesheet You don't need to be worried just because you have to support multiple screens πΊ π₯ π» π± It's a set of common utilit
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
Node.js CLI tool to generate a set of favicons from a single input file.
This is a simple CLI tool to generate an optimized set of favicons from a single input file. Icons are optimized in terms of both size and quantity (n
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 Discord music bot that's easy to set up and run yourself!
Mocha Music Bot Template A discord music bot template built using node.js. Feel free to edit and host your own version of this music bot. The prominen
A Bootstrap plugin to create input spinner elements for number input
bootstrap-input-spinner A Bootstrap / jQuery plugin to create input spinner elements for number input. Demo page with examples Examples with floating-
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
A javascript plugin to filter elements from a "masonry" grid.
Isolde Isolde is a lightweight, flexible, and responsive javascript plugin allow you to filter elements from a "masonry" grid. Quick start Install Thi
Yeoman - a set of tools for automating development workflow
Welcome, Friend! Yeoman is a robust and opinionated set of tools, libraries, and a workflow that can help developers quickly build beautiful, compelli
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,
A set of common UI Components using the power of CSS and without Javascript
A set of common UI Components using the power of CSS and without Javascript
This script is the defacto way to enable use of HTML5 sectioning elements in legacy Internet Explorer.
The HTML5 Shiv The HTML5 Shiv enables use of HTML5 sectioning elements in legacy Internet Explorer and provides basic HTML5 styling for Internet Explo
`raaghu-mfe` is an opensource micro front end framework built on top of `raaghu-elements`, Bootstrap 5 and Storybook offering highly customizable UI components and built-in pages
`raaghu-mfe` is an opensource micro front end framework built on top of `raaghu-elements`, Bootstrap 5 and Storybook offering highly customizable UI components and built-in pages. Raaghu mfe can be used as a base to build complex components and UI layouts whilst maintaining a high level of reusability,flexibility with ease of maintenance.
Set up a modern web app with clean architecture by running one command.
Clean React App Create React apps using Clean Architecture with no build configuration. User Guide β How to develop apps bootstrapped with Clean React
A to-do list set up using webpack. It allows the user to add, remove, edit and check items on the list. All the data is saved in local storage.
Project Name: Webpack-Project: To-Do-List Description of the project: A simple to-do-list app created using webpack. Built With Major languages: HTML
At Arctic Desert we set out to create an intuitive app that aids developer teams
At Arctic Desert we set out to create an intuitive app that aids developer teams. We aimed to create a service that integrates git workflow, task management and real-time communication. This is integrated into a single workspace, allowing you to seamlessly switch between teams, projects and branches.
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
Autosize is a small, stand-alone script to automatically adjust textarea height to fit text.
Summary Autosize is a small, stand-alone script to automatically adjust textarea height to fit text. Demo Full documentation and a demo can be found a
Instagram.css - Complete set of Instagram filters in pure CSS
Instagram.css Instagram.css - Pure CSS Instagram filters. You can add all these Instagram-like filters to your photos with using CSS only. Thanks to t
A ScrollSpy library for detecting enter/exit of elements in the viewport when the user scrolls
jquery-scrollspy A jQuery plugin for detecting enter/exit of elements in the viewport when the user scrolls. New Features Added a couple new features:
π 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
Animate elements as they scroll into view.
Animate elements as they scroll into view. Introduction ScrollReveal is a JavaScript library for easily animating elements as they enter/leave the vie
Experimental tool inspired by Capsize, implemented in Solid JS. Generates x-height and cap-height CSS
Usage Those templates dependencies are maintained via pnpm via pnpm up -Lri. This is the reason you see a pnpm-lock.yaml. That being said, any package
The Gitcoin Passport SDK is comprised of a set of libraries distributed on npm to help developers interact with Passport data living on Ceramic.
The Gitcoin Passport SDK is comprised of a set of libraries distributed on npm to help developers interact with Passport data living on [Ceramic]
Default Description set by probot/settings
sanity-typed-schema-builder Build Sanity schemas declaratively and get typescript types of schema values for free! Typescript types for Sanity Values!
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
Typesafe API for processing iterable data in TypeScript and JavaScript.
Stream API Type-safe API for processing iterable data in TypeScript and JavaScript similarly to Java 8 Stream API, LINQ or Kotlin Sequences. Unlike Rx
Set a range that will be played.
Spicetify part selector This extension play selected part. Usage: 'd' - start position, 'f' - end position, 'r' - reset. For first set end position(f)
The missing CLI for beautiful, interactive API docs powered by with Stoplight Elements
Elements CLI The missing CLI for beautiful, interactive API docs powered by with Stoplight Elements Installation Install using npm as global package:
Add the `className` to all JSX elements in your project
Babel Plugin Transform JSX Classes This babel plugin adds the className in each JSX element. Before After function FancyComponent () { return (
A set of children-first components
Children-First Components This library is currently a work-in-progress to build the React components found in this talk (https://www.youtube.com/watch
Backgrid.js is a set of components for building semantic and easily stylable data grid widgets
Backgrid.js is a set of components for building semantic and easily stylable data grid widgets. It offers a simple, intuitive programming interface that makes easy things easy, but hard things possible when dealing with tabular data.
A set of useful helper methods for writing functions to handle Cloudflare Pub/Sub messages (https://developers.cloudflare.com/pub-sub/)
pubsub A set of useful helper methods for writing functions to handle Cloudflare Pub/Sub messages. This includes: A isValidBrokerRequest helper for au
Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework. Why use Preline UI? Based on the Tailwin
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_
A npm package to increase the developer experience and consistency by providing a set of hooks that can be opted-in the development lifecycle.
@jeliasson/husky-hooks This npm package aims to increase the developer experience and consistency by providing a set of hooks that can be opted-in the
π 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
A peroidic-table api built with Nodejs & Mongodb to help make frontend requests dealing with chemistry...
A peroidic-table api for frontend apps Usage Example (GET all elements) // GET /api/elements const ajio = require("ajio") ajio.baseUrl("https://apis-
The Power CAT code components are a set of Power Apps component framework (PCF) controls that can be used to enhance power apps.
Power CAT code components The Power CAT code components are a set of Power Apps component framework (PCF) controls that can be used to enhance power a
Set up a modern web app by running one command.
Create React App Create React apps with no build configuration. Creating an App β How to create a new app. User Guide β How to develop apps bootstrapp
Several custom made and legacy icons, and icons collected all over the internet in 1 set, UI selectable.
Custom icon library Several custom made and legacy icons, and icons collected all over the internet in 1 set, UI selectable. Upon each Material Design
π Life is too short to set-up an account on GCP
Google no-API tools π Life is too short to set-up an account on GCP Install npm i @brunoluiz/google-no-api-tools # or yarn add @brunoluiz/google-no-a
Simple starter for SvelteKit with Tailwind CSS already set up and ready to go.
Get Started Simple Sveltekit boilerplate with Tailwind CSS already set up. Just run npm install to download the dependencies. Info I use Tailwind in p
A set of tools, helping you building efficient apps in a fast way. SvelteKit & GraphQL
KitQL KitQL, A set of tools, helping you building efficient apps in a fast way. π Infos Documentation: https://kitql.vercel.app/ Day by day progress,
Pebble - A free funky formalicious icon set for React (& plain ol' SVG & PNG)
A free funky formalicious icon set for React (& plain ol' SVG & PNG) Pebble is an icon set that aims for a friendly character. There's no real
A set of librairies in Cairo for use on StarkNet
Sekai StarkNet Libraries A series of libraries to help using Cairo on StarkNet. Examples for use in other Cairo contracts are provided in examples. Co
A JavaScript library for adding ripple effects to HTML elements based on mouse events.
About project Ripplejs is an open source javascript library created for the purpose of adding ripple effects to html elements based on mouse events. L
Set of react components based on styled-components
React to styled Links Documentation Contributing Ask question or give feedback Packages @react-to-styled/components β all components in one package @r
Set up and build a Node.js REST API using Typescript, Express, Mongoose with a maintainable and scalable structure.
Introduction Create a maintainable and scalable Node.js REST API with TypeScript, Express and Mongoose. The project structure is based on MVC and foll
SUID is all a set of utils and components ported from MUI Core and much more.
Solid.js User Interface Design (SUID) A port of Material-UI (MUI) built with Solid.js SUID is all a set of utils and components ported from MUI Core a
Cornerstone is a set of JavaScript libraries that can be used to build web-based medical imaging applications.
Cornerstone is a set of JavaScript libraries that can be used to build web-based medical imaging applications. It provides a framework to build radiology applications such as the OHIF Viewer.
A small (~600B gzip), useful set of methods for lazy iteration of iterables.
@ricokahler/lazy Β· A small (~600B gzip*), useful set of methods for lazy iteration of iterables. Why this lazy lib? Do I even need a lazy lib? Install
Metaschool is a virtual school that includes a set of several existing schools in society.
About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie
NiftyKit's Web Components Collection
NiftyKit Web Components NiftyKit's Web Components Collection Installation Install via npm npm install @niftykit/components Import via CDN script type
π Set the latest image from GOES 16 & 17 as your desktop background.
goes-bg A small command line program to set your desktop background to the latest Full Disk GeoColor image from GOES-16 and GOES-17. GOES-16 and GOES-
π Add dark mode/night mode custom elements to your website.
dark-mode A custom element that allows you to easily put a Dark Mode π toggle. so you can initially adhere to your users' preferences according to pr