59 Repositories
JavaScript resize-drag Libraries
Digispark Overmaster : free IDE TOOL allows to create and edit Digispark Scripts by the drag and drop technique,with cool GUI and easy to use it
Digispark_Overmaster Digispark Overmaster : free IDE TOOL allows to create and edit Digispark Scripts by the drag and drop technique,with cool GUI and
ezoom.js is a jQuery plugin for simple Image with zoom effect.
ezoom.js ezoom.js is a jQuery plugin for simple Image with zoom effect. This plugin in under development to support Next/Prev a gallery Images/SVG lat
Vanilla javascript (ES6) function enabling drag scrolling on desktop
Drag-n-scroll also on desktop devices, by LCweb No dependencies vanilla javascript function to easily implement a nice drag-to-scroll effect using dse
๐ A drag-and-drop form builder for Bootstrap 4.
Bootstrap v4 Form Builder A drag-and-drop form builder for Bootstrap 4. โ Get Help There are few ways to get help: Please post questions on Stack Over
Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
Sortable Sortable is a JavaScript library for reorderable drag-and-drop lists. Demo: http://sortablejs.github.io/Sortable/ Features Supports touch dev
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
Nested Sort is a JavaScript library which helps you to sort a nested list of items via drag and drop.
Nested Sort Nested Sort is a vanilla JavaScript library, without any dependencies, which helps you to sort a nested list of items via drag and drop. U
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
A JavaScript library providing interactive lists
ListExtender.js https://www.julienbl.me/ListExtender/ Install Static (recommended) script defer type="text/javascript" src="https://www.julienb
The minimal javascript library to create flowcharts โจ
Flowy A javascript library to create pretty flowcharts with ease โจ Dribbble | Twitter | Live demo Flowy makes creating WebApps with flowchart function
Touch enabled selectable plugin inspired by the jQuery UI widget.
Inspired by the jQuery UI Selectable plugin. Functionality and options are identical to the jQuery UI version with some additions and performance enha
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
๐ Bread n butter utility for component-tied mouse/touch gestures in Solid.
solid-gesture solid-gesture is a port of @use-gesture/react which lets you bind richer mouse and touch events to any component or view. With the data
Drag and drop library for two-dimensional, resizable and responsive lists
DEPRECATED This project is no longer maintained, please consider using react-grid-layout instead. GridList Drag and drop library for a two-dimensional
A lightweight (~2kB) library to create range sliders that can capture a value or a range of values with one or two drag handles
range-slider-input A lightweight (~2kB) library to create range sliders that can capture a value or a range of values with one or two drag handles. Ex
๐ Bread n butter utility for component-tied mouse/touch gestures in Svelte.
svelte-gesture svelte-gesture is a library that lets you bind richer mouse and touch events to any component or view. With the data you receive, it be
Drag-and-drop editor for Docassemble interviews
GraphDoc Introduction GraphDoc is a web-application that has been developed on behalf of the Maastricht Law & Tech Lab, which is part of Maastricht Un
A Drag & Drop Form Builder base on Bootstrap v4.x
bsFormBuilder ไธไธชๅบไบ Bootstrap (v4.x) + JQuery ็ใๆๆฝ็่กจๅๆๅปบๅทฅๅ ทใ ็น็น 1ใๅบไบ Bootstrap (v4.x) + JQuery๏ผ็ฎๅๆ็จ 2ใๆๅจ็ html ็ปไปถ๏ผๆฏๆ้่ฟ Json ่ชๅฎไนๆฉๅฑ 3ใ็ปไปถ็ๅฑๆง้ขๆฟ๏ผๆฏๆ้่ฟ Json ่ชๅฎไน
โ๏ธ A little Alpine.js plugin to automatically resize a textarea to fit its content.
โ๏ธ Alpine Autosize โ๏ธ A little Alpine.js plugin to automatically resize a textarea to fit its content. ๐ Installation CDN Include the following scri
Allow moving/copying/and creation embeds for blocks with drag-n-drop just like Logseq or Roam
Demo Features Drag-n-drop for list items in the same pane and between different panes 3 modes: move block, copy block, embed block Automatic reference
๐ A view component for React Native with pinch to zoom and drag to pan functionality.
react-native-pan-pinch-view A view component for React Native with pinch to zoom and drag to pan functionality. ๐ Introduction Even though the demo s
Drag and drop Argo Workflows tool.
Visual Argo Workflows Live demo The goal of this project is to make it easier for everyone on a team to construct and run their own workflows. Workflo
Conveyer adds Drag gestures to your Native Scroll.
Conveyer Demo / Documentation / Other components Conveyer adds Drag gestures to your Native Scroll. ๐ฑ ๐ป ๐ฅ โจ Features You can use Native Scroll-like
An interactive app that allows adding, editing and removing tasks of a to-do list. Drag-and-drop featured added. Webpack was used to bundle all the Js modules in to one main Js file.
To-do List A to-do list app This app let you to set your own to-do list. Built With HTML CSS JavaScript WebPack Jest Live Page Page Link Getting Start
logseq custom.js and custom.css utilities : resize query table columns, hide namespaces...
logseq-custom-files custom.js and custom.css utilities for Logseq. current version v20220331 query table view : add handles on the query table headers
Utility to track the boundaries of html-elements in SolidJS
solid-boundaries Helps you to track the size and position of html-elements in solid-js. What does it do? See it in action here, or see it on CodeSandb
Dynamically resize, format and optimize images based on url modifiers.
Local Image Sharp Dynamically resize, format and optimize images based on url modifiers. Table of Contents โจ Features ๐ Installation ๐ Usage Contrib
Windowatch - a singleton class managing scroll-, resize- and breakpoint-change events globally
Windowatch is a singleton class managing scroll-, resize- and breakpoint-change events globally. It uses passive resize & scroll event listeners and requestAnimationFrame to optimize dom interactions (get, update). It removes unnecessary window event listeners automatically, if no listeners are attached.
DoMe is a ToDo App. you can add, delete and reorder elements of the todo list using drag and drop. You can also toggle between dark&light mode
DO ME Todo App Live Preview : DO ME Built With : - ReactJS - TailwindCSS Make sure you have: - Git - Nodejs version 14 or higher (we recommend using
A Drag-and-Drop library for all JavaScript frameworks implementing an enhanced transformation mechanism to manipulate DOM elements
JavaScript Project to Manipulate DOM Elements DFlex A Drag-and-Drop library for all JavaScript frameworks implementing an enhanced transformation mech
Drag and drop page builder and CMS for React, Vue, Angular, and more
Drag and drop page builder and CMS for React, Vue, Angular, and more Use your code components and the stack of your choice. No more being pestered for
Simple drag and drop with dragula
Drag and drop so simple it hurts Official Angular wrapper for dragula. Notice: v2 has been released It contains a number of breaking changes. Follow t
Draggable data points plugin for Chart.js
chartjs-plugin-dragdata.js Now compatible with Chart.js v3 ๐ Looking for a version compatible to Chart.js 2.9.x? Then visit the v2 branch! A plugin
Diagram-maker - A library to display an interactive editor for any graph-like data.
Diagram Maker Diagram Maker is a library to display an interactive editor for any graph-like data. Following is a screenshot from one of the consumers
Fancytree - JavaScript tree view / tree grid plugin with support for keyboard, inline editing, filtering, checkboxes, drag'n'drop, and lazy loading
Fancytree Fancytree (sequel of DynaTree 1.x) is a JavaScript tree view / tree grid plugin with support for keyboard, inline editing, filtering, checkb
Json2video-nodejs-sdk - Create videos programmatically in the cloud from NodeJS: add watermarks, resize videos, create slideshows, add soundtrack, voice-over with text-to-speech (TTS), text animations.
Create videos programmatically in Node JS Create and edit videos: add watermarks, resize videos, create slideshows, add soundtrack, automate the creat
A customizable, browser-based and responsive magnetic poetry app.
Magnetic Poetry Maker This is a full-featured magnetic poetry maker written in HTML, CSS, and Javascript (jQuery). You can see it live here. Features
A headless React component that lets you control how visible and overflown items are rendered ๐
react-overflow-list A hooks based implementation of the OverflowList component from Blueprint JS. Installation yarn add react-overflow-list Basic Usa
Make drag-and-drop easier using DropPoint. Drag content without having to open side-by-side windows
Make drag-and-drop easier using DropPoint! DropPoint helps you drag content without having to open side-by-side windows Works on Windows, Linux and Ma
Dragscroll is a micro library for drag-n-drop scrolling style
Dragscroll is a micro JavaScript library (910 bytes minified) which enables scrolling via holding the mouse button ("drag and drop" or "click and hold" style, online demo). It has no dependencies and is written in vanilla JavaScript (which means it works anywhere).
๐ Content-aware image resizer based on Seam Carving algorithm
Content-aware image resizing might be applied when it comes to changing the image proportions (i.e. reducing the width while keeping the height) and when losing some parts of the image is not desirable.
Backstretch is a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element. The image will stretch to fit the page/element, and will automatically resize as the window/element size changes.
Note: This repo is currently looking for maintainers: https://github.com/jquery-backstretch/jquery-backstretch/issues/464 Backstretch Backstretch is a
๐ A flexible and fun JavaScript file upload library
A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user
FileAPI โ a set of javascript tools for working with files. Multiupload, drag'n'drop and chunked file upload. Images: crop, resize and auto orientation by EXIF.
FileAPI A set of JavaScript tools for working with files. Get started Download the files from the dist directory, and then: div !-- "js-fileapi-
Multiple file upload plugin with image previews, drag and drop, progress bars. S3 and Azure support, image scaling, form support, chunking, resume, pause, and tons of other features.
Fine Uploader is no longer maintained and the project has been effectively shut down. For more info, see https://github.com/FineUploader/fine-uploader
Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.
Dropzone is a JavaScript library that turns any HTML element into a dropzone. This means that a user can drag and drop a file onto it, and Dropzone wi
File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads.
jQuery File Upload Contents Description Demo Features Security Setup Requirements Mandatory requirements Optional requirements Cross-domain requiremen
:ok_hand: Drag and drop so simple it hurts
Drag and drop so simple it hurts Browser support includes every sane browser and IE7+. (Granted you polyfill the functional Array methods in ES5) Fram
Resize image in browser with high quality and high speed
pica - high quality image resize in browser Resize images in browser without pixelation and reasonably fast. Autoselect the best of available technolo
Drag and drop library for two-dimensional, resizable and responsive lists
GridList Drag and drop library for a two-dimensional resizable and responsive list of items Demo: http://hootsuite.github.io/grid/ The GridList librar
๐ A flexible and fun JavaScript file upload library
A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user
Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
Konva Konva is an HTML5 Canvas JavaScript framework that enables high performance animations, transitions, node nesting, layering, filtering, caching,
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable listโ๏ธ
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list Examples available here: http://claude
๐ A flexible and fun JavaScript file upload library
A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user
A draggable and resizable grid layout with responsive breakpoints, for React.
React-Grid-Layout React-Grid-Layout is a grid layout system much like Packery or Gridster, for React. Unlike those systems, it is responsive and suppo
Drag and Drop for React
React DnD Drag and Drop for React. See the docs, tutorials and examples on the website: http://react-dnd.github.io/react-dnd/ See the changelog on the
Beautiful and accessible drag and drop for lists with React
react-beautiful-dnd (rbd) Beautiful and accessible drag and drop for lists with React Play with this example if you want! Core characteristics Beautif
a super simple, no-nonsense diagramming library written in react that just works
Introduction DEMO: http://projectstorm.cloud/react-diagrams DOCS (wip) https://projectstorm.gitbook.io/react-diagrams Docs are currently being worked