Displaying 1 to 20 from 20 results

vue-grid-layout - A draggable and resizable grid layout, for Vue.js.

  •    Vue

This is the initial layout of the grid. The value must be an Array of Object items. Each item must have i, x, y, w and h proprties. Please refer to GridItem documentation below for more informations.

grid - Drag and drop library for two-dimensional, resizable and responsive lists

  •    Javascript

The first constructor parameter is an array of items to populate the grid with. Build the grid structure from scratch, using the positions of the given items. If items lack positional attributes (x and y), they will be misplaced, possibly overlapping. If you want to build a grid around a list of items that only have their size attributes defined (w and h), and rely on the library to position them two-dimensionally, use resizeGrid.

react-grid-layout - A draggable and resizable grid layout with responsive breakpoints, for React.

  •    Javascript

React-Grid-Layout is a grid layout system much like Packery or Gridster, for React. Unlike those systems, it is responsive and supports breakpoints. Breakpoint layouts can be provided by the user or autogenerated.

react-rnd - 🖱 A resizable and draggable component for React.

  •    TypeScript

A resizable and draggable component for React. The width and height property is used to set the default size of the component. For example, you can set 300, '300px', 50%. If omitted, set 'auto'.




vue-draggable-resizable - Vue2 Component for draggable and resizable elements.

  •    Javascript

Vue2 Component for draggable and resizable elements. Determines if the component should be active or not. The prop reacts to changes and also can be used with the syncmodifier to keep the state in sync with the parent.

react-resizable - A simple React component that is resizable with a handle.

  •    Javascript

A simple widget that can be resized via a handle. You can either use the <Resizable> element directly, or use the much simpler <ResizableBox> element.

re-resizable - 📏 A resizable component for React.

  •    Javascript

📏 A resizable component for React. If you use size props, please manage state by yourself.

WPF resizable grid

  •    WPF

WPF resizable grid is a content control for WPF that lets the user resize its content at runtime.


ngresizable - Simple, tree-shakable, AoT, Universal and Web Worker friendly resizable component for Angular (2 and beyond)

  •    TypeScript

Simple, tree-shakable, AoT, Universal and Web Worker friendly resizable component for Angular (4 and beyond).For version compatible with Angular 2 install 0.1.2.

drag-resize-dock - JavaScript library creating content windows which are draggable, resizable from corners and edges, and dock/escape edges

  •    Javascript

JavaScript library creating content windows which are dragable, resizable from corners and edges, and dock/escape edges. Drag-Resize-Dock is a modularized version of the Wikipedia element entries that pop up when clicking elements on Ptable.com.

jquery-resizable - A small jQuery plug-in to make DOM components resizable

  •    Javascript

This small, self-contained jQuery plug-in allows you to make DOM elements resizable using a sizing handle. It works with Mouse and Touch events so you can resize elements on mobile devices. Resizables are useful if you want to add resizing features to your HTML layouts for things like like resizable dialogs, splitter panes or elements that can be resized by a user in a layout.

jquery-rcrumbs - jQuery plugin to create a responsive breadcrumb

  •    Javascript

rCrumbs aka responsiveCrumbs aka resizableCrumbs is a jQuery plugin which transforms a bunch of list item elements into a responsive breadcrumbs. The number of navigation items displayed is dynamically adapted depending on the available space in the browser window. The plugin's javascript and css files can be found in the dist/ folder. A development and a production version (minified) are available.

column-resizer - Adds resizable columns to tables

  •    Javascript

ColumnResizer is a fork of the jQuery plugin colResizable. The plugin is rewritten as vanilla ES6 javascript. When set to true it aims to remove all previously added enhancements such as events and additional DOM elements assigned by this plugin to a single or collection of tables. It is required to disable a previously resized table prior its removal from the document object tree using JavaScript, and also before any DOM manipulations to an already resized table such as adding columns, rows, etc.

vue-drag-resize - Vue Component for resize and drag elements

  •    Javascript

Vue Component for draggable and resizable elements. Determines whether the component should be active.

angular-resizable-element - An angular 6

  •    TypeScript

You may also find it useful to view the demo source. Run npm start to start a development server on port 8000 with auto reload + tests.

magnify - 🖼 A jQuery plugin to view images just like in Windows. Browser support IE7+!

  •    Javascript

⚠️ Attention! This repository will not be maintained. The plugin is easy to use, but its customization can be troublesome. To improve plugin's flexibility, I made another repository PhotoViewer which is the enhanced version of Magnify. Magnify is a jQuery plugin to view images just like in windows.

photoviewer - 🌀 A JS plugin to view images just like in Windows.

  •    Javascript

PhotoViewer is a JS plugin to view images just like in windows. If you want to support IE8, please goto Magnify.

angular2-draggable - Angular directive (for version >= 2

  •    CSS

angular2-draggable has angular directives that make the DOM element draggable and resizable.

react-selections - A library for drawing interactive selections written for react applications

  •    Javascript

This is a library that provides a set of tools for drawing regions with cursor. You need to specify an area for the selections to be rendered inside of. Selections can't be drawn outside the container. The package provides a container component, which you should use to render as a parent node to your selections (and other components as well).