Want to create a UI like this for rotating/resizing items. Where to start?

• react-use-measure

  2 800 0.0 TypeScript

  🙌 Utility to measure view bounds

  

This is a good video if you'd like to use the html canvas. You can use this library to get reactive mouse coordinate offsets. When setting canvas width and height, you may also need to call getBoundingClientRect if you notice a difference between your set width and the true width displayed in chrome devtools.

• tldraw

  25 32,596 9.9 TypeScript

  SDK for creating whiteboards and canvas experiences on the web.

  

You might want to check out tldraw - project to render react on canvas and whiteboard application built on it. And subscribe to Steve Ruiz as he writes about such (and more complex freehand) drawings.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

Suggest a related project