https://github.com/rmarganti/re-position

Drag, resize, and rotate all in one flexible React component.
https://github.com/rmarganti/re-position

Last synced: 3 months ago
JSON representation

Drag, resize, and rotate all in one flexible React component.

• Host: GitHub
• URL: https://github.com/rmarganti/re-position
• Owner: rmarganti
• License: mit
• Created: 2018-06-10T20:05:16.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-08-02T18:26:10.000Z (over 2 years ago)
• Last Synced: 2024-08-28T16:55:35.367Z (4 months ago)
• Language: TypeScript
• Homepage: https://rmarganti.github.io/re-position/
• Size: 8.07 MB
• Stars: 52
• Watchers: 4
• Forks: 9
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# re-position

Drag, resize, and rotate all in one flexible React component.

Due to the nature of how browsers do CSS transform calculations, combining

intuitive resize and rotation handles is harder than you would imagine

(matrix math anyone?). Let `re-position` do the hard work for you.

![Example](./documentation/re-position.gif)

## Example Projects

-   [Basic RepositionableContainer Typescript Example](https://codesandbox.io/s/wpkw5jyy7)

-   [Custom Positionable Typescript Example](https://codesandbox.io/s/j3j31kz0zv)

-   Javascript Examples (Coming soon)